Javascript 如何修复HighChart错误#20?
我有一个烛台图表与动态数据加载。我正在使用addPint API添加新点。由于我需要在工具提示中使用一些自定义数据,我将点设置为Object,如下所示:Javascript 如何修复HighChart错误#20?,javascript,highcharts,highstock,Javascript,Highcharts,Highstock,我有一个烛台图表与动态数据加载。我正在使用addPint API添加新点。由于我需要在工具提示中使用一些自定义数据,我将点设置为Object,如下所示: chart.series[0].addPoint({ x: time, low: lowValue, high: highValue, open: openValue, close: closeValue, customParame
chart.series[0].addPoint({
x: time,
low: lowValue,
high: highValue,
open: openValue,
close: closeValue,
customParameter: myCustomPramameter
});
但我得到的错误是:无法将对象点配置添加到长数据系列中
Highcharts错误#20:
我已将对象语法更改为数组语法,我的问题已得到解决。但我无法将任何进一步的数据嵌入到要在工具提示中使用的点。
是否有任何方法可以使用数组语法来修复此问题,并且我可以在其中嵌入自定义数据以用于工具提示点
以下是我当前的图表选项:
chart: {
renderTo: 'chart-container',
marginRight: 10,
zoomType: 'x'
},
title: {
text: 'My Chart'
},
xAxis: {
type: 'datetime',
dateTimeLabelFormats: {
day: '%b - %H:%M:%S',
second: '%b - %H:%M:%S'
}
},
yAxis: {
tickInterval: 0.25,
opposite: false
},
navigator: {
adaptToUpdatedData: false
},
scrollbar: {
liveRedraw: false
},
rangeSelector: {
buttons: [{
count: 1,
type: 'minute',
text: '1M'
}, {
count: 5,
type: 'minute',
text: '5M'
}, {
count: 15,
type: 'minute',
text: '15M'
}, {
count: 30,
type: 'minute',
text: '30M'
}, {
count: 60,
type: 'minute',
text: '60M'
}, {
count: 2,
type: 'hour',
text: '2H'
}, {
count: 4,
type: 'hour',
text: '4H'
}, {
count: 8,
type: 'hour',
text: '8H'
}, {
count: 1,
type: 'day',
text: '1D'
}, {
count: 2,
type: 'day',
text: '2D'
}, {
count: 3,
type: 'day',
text: '3D'
}, {
count: 4,
type: 'day',
text: '4D'
}, {
count: 5,
type: 'day',
text: '5D'
}, {
count: 6,
type: 'day',
text: '6D'
}, {
count: 7,
type: 'day',
text: '7D'
}, {
type: 'all',
text: 'All'
}],
inputEnabled: false,
selected: 0
},
tooltip: {
formatter: function (e) {
var point = this.points[0].point;
return '<div><b>#: </b><span>' + point.barNumber + '</span></div><br /><div><b>Open: </b><span>' + point.open + '</span></div><div><b> Close: </b><span>' + point.close + '</span></div><br /><div><b>High: </b><span>' + point.high + '</span></div><div><b> Low: </b><span>' + point.low + '</span></div><br /><div><b>Custom Param: </b><span>' + point.customParam + '</span></div>'
}
},
legend: {
enabled: false
},
exporting: {
enabled: false
},
series: [
{
name: 'My Chart',
type: 'candlestick',
data: []
},
{
name: 'Average',
type: 'spline',
data: [],
marker: {
lineWidth: 2,
lineColor: Highcharts.getOptions().colors[3],
fillColor: 'white'
},
color: Highcharts.getOptions().colors[3]
}]
图表:{
renderTo:'图表容器',
marginRight:10,
zoomType:'x'
},
标题:{
文本:“我的图表”
},
xAxis:{
键入:“日期时间”,
日期时间标签格式:{
日期:“%b-%H:%M:%S”,
第二个:“%b-%H:%M:%S”
}
},
亚克斯:{
时间间隔:0.25,
反面:错
},
导航器:{
AdaptToUpdateData:错误
},
滚动条:{
利维德劳:错
},
范围选择器:{
按钮:[{
计数:1,
键入:“分钟”,
文字:“1M”
}, {
计数:5,
键入:“分钟”,
文字:“5M”
}, {
计数:15,
键入:“分钟”,
文字:“15米”
}, {
计数:30,
键入:“分钟”,
文字:“30米”
}, {
计数:60,
键入:“分钟”,
文字:“60米”
}, {
计数:2,
键入:“小时”,
文本:“2H”
}, {
计数:4,
键入:“小时”,
文本:“4H”
}, {
计数:8,
键入:“小时”,
文字:“8H”
}, {
计数:1,
键入:'天',
文本:“1D”
}, {
计数:2,
键入:'天',
文本:“2D”
}, {
计数:3,
键入:'天',
文字:“3D”
}, {
计数:4,
键入:'天',
文本:“4D”
}, {
计数:5,
键入:'天',
文字:“5D”
}, {
计数:6,
键入:'天',
文本:“6D”
}, {
计数:7,
键入:'天',
文字:“7D”
}, {
键入:“全部”,
文字:“全部”
}],
输入:错误,
已选:0
},
工具提示:{
格式化程序:函数(e){
var point=此。点[0]。点;
返回“#:”+point.barNumber+”
打开:“+point.Open+”关闭:“+point.Close+”
高:“+point.High+”低:“+point.Low+”
自定义参数:“+point.customParam+”
}
},
图例:{
已启用:false
},
出口:{
已启用:false
},
系列:[
{
姓名:'我的图表',
键入:“烛台”,
数据:[]
},
{
名称:'平均',
类型:“样条线”,
数据:[],
标记:{
线宽:2,
lineColor:Highcharts.getOptions().Color[3],
填充颜色:“白色”
},
颜色:Highcharts.getOptions().colors[3]
}]
根据以下票据(后续评论)
我发现可以通过将turboThreshold
设置为0
来忽略此限制
请注意,应将其设置为“打印选项”!不是图表选项
plotOptions: {
candlestick: {
turboThreshold: 0
}
根据以下票据(跟进意见) 我发现可以通过将
turboThreshold
设置为0
来忽略此限制
请注意,应将其设置为“打印选项”!不是图表选项
plotOptions: {
candlestick: {
turboThreshold: 0
}