相交后,Highcharts会改变线条样式

时间:2015-03-30 08:50:39

标签: javascript jquery highcharts

我有一张用Highcharts制作的折线图。

我想在线条相交时将线条的样式更改为点线,如下所示:http://i.imgur.com/hlIayB2.png

有人知道这是否可以在highcharts中使用?

1 个答案:

答案 0 :(得分:0)

可以为系列设置区域,以便更改颜色,fillColor和dashStyle。

API参考:http://api.highcharts.com/highcharts#plotOptions.series.zones.dashStyle

示例:http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/series/color-zones-dashstyle-dot/

series: [{
            data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4],
            zoneAxis: 'x',
            zones: [{
                value: 8
            }, {
                dashStyle: 'dot'
            }]
        }]