как использовать highstock в ecmascript? - PullRequest
Новая
       52

как использовать highstock в ecmascript?

0 голосов
/ 30 января 2020

Вот пример кода, который работает, я создаю график 

import $ from 'jquery';
import Highcharts from 'highcharts';

class test {
    constructor(){
        let chart = new Highcharts.chart('container', {
            chart: {
                animation: false
            },

            xAxis: {
                categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
            },

            series: [{
                data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
            }]

        });
    }
}

, теперь я хочу сделать StockChart вроде https://jsfiddle.net/74vn5utd/

, но я импортирую это и его модуль 

import StockChart from 'highcharts/highstock';
import datahc from 'highcharts/modules/data';

после этого я загружаю модуль 

datahc(StockChart);

и, наконец, я вызываю диаграмму и 

StockChart.chart('container', {


    rangeSelector: {
        selected: 1
    },

    title: {
        text: 'AAPL Stock Price'
    },

    series: [{
        name: 'AAPL',
        data: response.graph,
        tooltip: {
           valueDecimals: 2
        }
    }]
});

У меня есть регулярный график, не график HighStock, я не понимаю, что не так? enter image description here

заранее спасибо

1 Ответ

3 голосов
/ 31 января 2020

Вы по-прежнему используете конструктор chart , который создает обычный график.

Попробуйте использовать StockChart.stockChart ('container, {...}) , где stockChart - конструктор Highstock.

Демонстрация: https://jsfiddle.net/BlackLabel/v4qbyka6/

  Highcharts.stockChart('container', {

    series: [{
        data: data
    }]
  });
...