Highstock / Highcharts-标记线颜色在其下方的掩蔽线

时间:2018-12-15 00:50:20

标签: javascript highcharts

在下面的图片中,您会在顶部看到两行,均为绿色。

enter image description here

较高的绿线带有一个标志(即您在左侧看到的标志)。

下方的绿线通常是红色。

玩了几个小时,确定是什么使下部线条变为绿色,我才发现只改变了其上方较高的绿色线条的标志上的NUnit3TestAdapter,该系列才从红色变为绿色。

在下面的导航器中,您可以看到底线实际上是红色的。它的下面是一个长长的绿色方块-我不知道这是哪里来的。

这里是更改标志的lineColor的示例,下面的行也发生了更改。.您会注意到导航器中的大绿色蒙版看上去仍然存在。 enter image description here

最后,这是另一页上的同一图表-完全没有问题,红线是红色。 enter image description here

第一行的标志如下:

lineColor

上下两行看起来像这样:

{
     allowOverlapX: true,
     showInLegend: false,
     enableMouseTracking: false,
     type: 'flags',
     name: `${id}-flags`,
     onSeries: id,
     data: [{ title: 'Flag text', x: Date }],
     shape: 'flag',
     fillColor: 'green',
     style: {
         fontSize: 10,
         fontWeight: 500,
         color: '#FFFFFF',
         paddingBottom: 2
     },
     yAxis: 0,
     lineColor: flagColor[classification], //Responsible for overriding the line from red to green.
     lineWidth: 1,
     height: 12,
     y: -45,
     }

我还应该指出,有时这种情况不会发生,我只是弄不清楚是什么原因造成的。

以前有人遇到过这样的事情吗?

1 个答案:

答案 0 :(得分:0)

所以我能够解决这个问题,如果有人偶然发现-这就是解决方案。

我不确定为什么这种情况有时只会发生,但是似乎lineColor也应该在线系列本身上定义(而不是仅颜色)。