Question

我正在使用Highcharts插件为我正在计算机化的制作区域制作图表。

我制作了一个样本图的jsFiddle：

http://jsfiddle.net/ericfarrow/j3s1xphu/1/

现在，正如你在这一行中看到的那样，它只是一条蓝线。

我的用户要求的是：

a）UP倾斜的线颜色为黑色 b）对于向下倾斜

，线颜色为红色

显然我可以将线路的默认颜色更改为黑色 - 但是这并没有真正解决它。

我检查了所有的Highcharts文档，但找不到一种简单的方法让线条从一种颜色动态变为另一种颜色，具体取决于该行的UP / DOWN值。

有人对此有任何想法吗？

或者可能是另一个提供此功能的插件？

谢谢。

Answer 1

没有直接的方法可以做到这一点。

传统的方法是使用两个不同的series，如下所示：

series: [{
            id:'up',
            index:0,
            name: 'Phil',
            color:'rgb(0,0,0)',
            marker: { enabled: false },
            data: [[0,100.0], [1,800.0],[1.5,null], [2,400.5], [3,1200.5], [4,1450.2], [5,1805.0],[5.5,null], [6,600.2], [7,750.5], [8,945.3], [9,1000.3], [10,1305.9]]
},{
            id: 'down',
            name: 'down',
            linkedTo:'up',
            index:1,
            color:'rgb(240,0,0)',
            marker: { enabled: false },
            data: [[1,800],[2,400.5],[3,null],[5,1805],[6,600.2],[7,null],[10,1305.9],[11,1050.6]]
}]

示例：

http://jsfiddle.net/jlbriggs/j3s1xphu/4/

还有一个看起来像你想做的插件，在这里：

http://www.highcharts.com/plugin-registry/single/33/Multicolor%20series

如何在highcharts中制作黑色和红色线条

1 个答案: