highcharts - 带有绘图线的Solid Gauge

时间:2016-08-04 11:07:37

标签: highcharts

我希望能够以绘图线的形式显示有关实体规格的额外信息。它没有像我预期的那样起作用,但我不确定它是否会起作用。

我已将plotLine添加到仪表的y轴,如此。

Axis: {
            min: 0,
            max: 200,
            title: {
                text: 'Speed'
            },
            plotLines: [{ color: 'green', width: 1, value: 6, dashStyle: 'Dash' }]
        },

我从highcharts网站上获取了可靠的测量示例并对其进行了编辑

http://jsfiddle.net/wjaq4da2/

这可以修改为可行或者我应采取不同的方法吗?

2 个答案:

答案 0 :(得分:0)

您可以使用Renderer.arc()渲染圆弧,并将outerRadiusinnerRadius设置为相同的值。

API参考:
http://api.highcharts.com/highcharts/Renderer.arc

例:
http://jsfiddle.net/1j504gsq/

答案 1 :(得分:0)

您可以尝试通过绘图线的标签添加其他信息。 就像在这个例子中一样:

plotLines: [{ 
    color: 'green', 
    width: 1, 
    value: 6,
    zIndex:10,
    dashStyle: 'Dash',
    label: {
        text: 'Description',
        verticalAlign: 'top',
        //textAlign: 'left',
         y: -5
    }
}]

演示小提琴:http://jsfiddle.net/aabramya/wjaq4da2/21/