[英]how to use highstock in ecmascript?
這是一個有效的代碼示例,我創建了一個圖表
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]
}]
});
}
}
現在我想做一個像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 圖表,我不明白,有什么問題?
提前致謝
您仍然使用創建常規圖表的圖表構造函數。
嘗試使用StockChart.stockChart('container, {...}) ,其中stockChart是 Highstock 構造函數。
演示: https : //jsfiddle.net/BlackLabel/v4qbyka6/
Highcharts.stockChart('container', {
series: [{
data: data
}]
});
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.