从100 y轴的Highcharts阈值背景颜色

时间:2014-02-11 18:28:12

标签: javascript highcharts

这可以使用flotCharts完成,但我更喜欢使用Highcharts来绘制数据。

Imgur

通过使用:

完成
grid: {
    markings: [ { 
    xaxis: { from: -1, to: 12 }, 
    yaxis: { from: 100, to: 300 }, 
    color: "#FFA5A5" }]}

我想知道在highcharts中这样的事情是否可行?

现在我正在使用limit-min和limit-max在y轴10处绘制一条线,如下所示:http://jsfiddle.net/kyUaR/32/但我宁愿从该点向上改变整个背景。

1 个答案:

答案 0 :(得分:2)

flots标记与Highchart的plot bands类似。

快速举例:

$('#container').highcharts({
    chart: {
        type: 'column'
    },
    yAxis: {
        plotBands: [{
            color: '#FCFFC5',
            from: 100,
            to: 300
        }]
    },
    xAxis: { 
        categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']           

    },

    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]
    }]
});

小提琴here