Highcharts规格针

时间:2014-05-23 05:33:09

标签: javascript highcharts

我有gauge chart - http://jsfiddle.net/xfV5k/44/

在这里,我无法看到仪表的第三针。还有办法使所有的针头起点相同吗?

我错过了什么? 请指导。

3 个答案:

答案 0 :(得分:0)

您只为两针提供series.data。也为第三个添加数据。要使起点相同,只需将yAxis值更改为0或任何适合您的值。

series: [{
        data: [{y:-6, color: 'red'}],
        yAxis: 0,
                dial: {
                    backgroundColor : 'red'
                }

    },{
        data: [{y:-4, color: 'yellow'}],
        yAxis: 0,
                dial: {
                    backgroundColor : 'yellow'
                }

    },{
        data: [{y:-2}],
        yAxis: 0,
                dial: {
                    backgroundColor : 'green'
                }

}]

});

答案 1 :(得分:0)

检查一下。这是你想要的方式

对于我添加的第三针

{
            data: [{y:-1,color:'blue'}],
            yAxis: 0,
                    dial: {
                        backgroundColor : 'blue'
                    }

    } 

http://jsfiddle.net/kapilgopinath/xfV5k/42/

答案 2 :(得分:0)

问题是您的最后针数据超出了范围。尝试将其更改为250,您会发现针存在。