Javascript 当开始索引小于0时,Highcharts将发出
我有一个highcharts图表,它的系列绑定到一个数组(比如900 int值数组)。我想显示的方式是X轴上的第一个数字为-450,最后一个数字为正450,中间为零。Javascript 当开始索引小于0时,Highcharts将发出,javascript,highcharts,Javascript,Highcharts,我有一个highcharts图表,它的系列绑定到一个数组(比如900 int值数组)。我想显示的方式是X轴上的第一个数字为-450,最后一个数字为正450,中间为零。 我可以通过设置xAxis的最小值和最大值来实现这一点,但当图表呈现第一个值(来自数组)时,该值没有呈现在我预期的位置,它从0开始,并忽略前面的值。 另外,正如您可以看到的那样,xAxis正在显示bear最小值,我希望它有一个较小的步骤,但是在api中也没有看到任何关于这一点的内容 我有点抓挠我的头在这一个和任何帮助将不胜感激 谢
我可以通过设置xAxis的最小值和最大值来实现这一点,但当图表呈现第一个值(来自数组)时,该值没有呈现在我预期的位置,它从0开始,并忽略前面的值。
另外,正如您可以看到的那样,xAxis正在显示bear最小值,我希望它有一个较小的步骤,但是在api中也没有看到任何关于这一点的内容 我有点抓挠我的头在这一个和任何帮助将不胜感激 谢谢
var t = new Highcharts.Chart({
chart: {
renderTo: chart,
spacingTop: 0,
animation: false,
width: 420,
height: 280
},
credits: { enabled: false },
plotOptions: {
series: {
marker: {
enabled: false
}
}
},
exporting: { enabled: false },
legend: {
layout: 'vertical',
align: 'left',
x: 40,
verticalAlign: 'top',
y: 20,
floating: true,
backgroundColor: '#FFFFFF'
},
title: { text: "Profile X" },
xAxis: [{
min: 0 - arr[0].length / 2,
max: arr[0].length / 2,
ordinal: false
}],
yAxis: [{
labels: { style: { color: set1Color } },
title: { enabled: false, text: null },
min: min,max: max
},
{
labels: { enabled: false },
title: { enabled: false, text: null }
},
{
opposite: true,
labels: { style: { color: diffColor } },
title: { enabled: false, text: null },
min: minD, max: maxD
}],
series: [{
name: "Expected",
color: set1Color,
type: "line",
data: arr[0]
},
{
name: "Delivered",
color: set2Color,
type: "line",
data: arr[1],
yAxis: 1
},
{
name: "Difference",
color: diffColor,
type: "line",
data: arr[2],
yAxis: 2
}]
});
好了,开始吧,医生们:
[val,val,val]
。第一个值将得到x=0;,秒x=1等
如果要从450开始,请设置series.pointStart=-450
,如下所示:
series: [{
name: "Expected",
color: set1Color,
type: "line",
data: arr[0],
pointStart: -450
}, ... ]
由于某种原因,该属性不存在于API文档中,它位于plotOptions下,因为您可以为所有系列设置一次: