文章/答案/技术大牛

发布

社区首页 >问答首页 >如何在Highcharts中更改地图线上方和下方的图形颜色

问如何在Highcharts中更改地图线上方和下方的图形颜色
EN

Stack Overflow用户

提问于 2013-04-28 02:21:11

回答 1查看 7.2K关注 0票数 8

在HighCharts折线图中，如何根据序列线相对于绘图线值的值来设置序列线的颜色。

例如，如果我有一个情节线y = 15，如何使该系列在y < 15时为绿色，在y > 15时为红色

http://jsfiddle.net/adamtsiopani/YBMny/

$('#container').highcharts('StockChart', {


    rangeSelector: {
        selected: 1
    },

    title: {
        text: 'KPN Year View'
    },

    yAxis: {
        plotLines: [{ 
            label: {
                text: 'Baseline',
                x: 25
            },
            color: 'orange',
            width: 2,
            value: 15,
            dashStyle: 'longdashdot'
        }],
    },

    series: [{
        name: 'KPN12345',
        data: [
            [1327881600000, 11],
            [1327968000000, 18],
            [1328054400000, 12],
            [1328140800000, 5],
            [1328227200000, 11],
            [1328486400000, 17],
            [1328572800000, 10],
            [1328659200000, 10],
            [1328745600000, 15],
            [1328832000000, 10],
            [1329091200000, 11]
        ]
    }]
});

javascript

charts

highcharts

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-04-28 02:56:03

您可以结合使用threshold和negativeColor系列选项来执行此操作。

      series: [{
        name: 'KPN12345',
        data: [
            [1327881600000, 11],
            etc...
        ],
        threshold: 15,
        negativeColor: 'green',
        color: 'red',
        tooltip: {
            valueDecimals: 2
        }
    }]

小提琴here。

票数 21

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/16255444

复制

相似问题

问如何在Highcharts中更改地图线上方和下方的图形颜色
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在Highcharts中更改地图线上方和下方的图形颜色EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在Highcharts中更改地图线上方和下方的图形颜色
EN