Highcharts:如何在一个系列中使用多行格式?

时间:2013-05-27 10:37:51

标签: highcharts

我想在具有单个数据系列的折线图中使用多种线格式,例如像这样: enter image description here

我通过连接两个单独的系列创建了这个示例,但我宁愿不使用此解决方法。

有人知道如何使用Highcharts吗?

2 个答案:

答案 0 :(得分:1)

你只能通过两个系列来实现它。

答案 1 :(得分:0)

为了将来参考,您可以在单个系列上对x轴使用区域以获得多种线型。

http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/series/color-zones-zoneaxis-x/

series: [{
        type: 'areaspline',
        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],
        pointStart: Date.UTC(2015, 0),
        pointIntervalUnit: 'month',
        zoneAxis: 'x',
        zones: [{
            value: Date.UTC(2015, 5),
            color: colors[2]
        }, {
            value: Date.UTC(2015, 6),
            color: colors[5]
        }, {
            value: Date.UTC(2015, 8),
            color: colors[2]
        }, {
            color: colors[5]
        }]
}]