Javascript Highchart打印点显示不正确
我以前从未发生过这种情况,我不知道为什么会发生这种情况。如您所见,尽管点A的数据点低于点B,但它仍显示在其上方(第一个屏幕截图)。奇怪的是,当我隐藏线B(第二个屏幕截图)时,线A正确地移动到正确的位置 我制作了一个JSFIDLE来演示这个问题: 代码如下:Javascript Highchart打印点显示不正确,javascript,jquery,highcharts,Javascript,Jquery,Highcharts,我以前从未发生过这种情况,我不知道为什么会发生这种情况。如您所见,尽管点A的数据点低于点B,但它仍显示在其上方(第一个屏幕截图)。奇怪的是,当我隐藏线B(第二个屏幕截图)时,线A正确地移动到正确的位置 我制作了一个JSFIDLE来演示这个问题: 代码如下: var chart = new Highcharts.Chart({ chart:{ renderTo:"ChartArea", defaultSeriesType:"line",
var chart = new Highcharts.Chart({
chart:{
renderTo:"ChartArea",
defaultSeriesType:"line",
zoomType:"x",
plotBackgroundColor:"#c8c8c8",
backgroundColor:"#d5d5d5"
},
title:{
text:"TEST"
},
series:[{
name:"A",
data:[21,21,21,21,23,23,26,24,24,24,24,26,26,21,19,19,19,23,23,23,21,22,22,22,21,16],
pointStart:1314316800000,
pointInterval:86400000,
stack:0,
type:"line",
multiplier:1,
dashStyle:"solid",
color:"#AA4643"
},{
name:"B",
data:[51,51,51,51,52,53,50,47,47,47,47,46,46,42,41,41,41,67,65,66,50,53,52,53,64,59],
pointStart:1314316800000,
pointInterval:86400000,
stack:0,
type:"line",
multiplier:1,
dashStyle:"solid",
color:"#89A54E"}],
plotOptions:{
series:{
stacking:"normal",
borderColor:"black",
shadow:false,
borderWidth:0},
area:{
stacking:"normal",
shadow:false,
fillOpacity:0}},
LastUpdated:0,
colors:["#000000"],
yAxis:{
title:{
text:"Test Counts"
},
labels:{
rotation:0,
align:"right"
},
plotOptions:[{color:"#000000",
width:2,
value:0,
id:"plotline-1"}],
startOnTick:true,
showFirstLabel:true,
stackLabels:{
enabled:true,
style:{
color:"black"}},
min:0,
max:100},
xAxis:{
title:{
text:"Time"},
type:"datetime",
maxZoom:86400000,
tickInterval:86400000,
labels:{
rotation:-40,
align:"right",}},
credits:{
enabled:false},
ZoomTypeChanger:null,
yExtreme:null});
从系列中删除绘图选项的值堆叠:“正常”
,似乎可以解决以下问题:
plotOptions:{
series:{
// stacking:"normal",
borderColor:"black",
shadow:false,
borderWidth:0},
area:{
stacking:"normal",
shadow:false,
fillOpacity:0}},
如果文档中没有说明该轮班的原因,您可能会想这样做。谢谢您的快速回复。这个修好了!我复制粘贴失败^_^