在Highharts中有2个数据系列的Solid Guage Chart

时间:2015-08-26 17:24:14

标签: highcharts series

是否有人可以使用Highcharts创建以下类型的图表:

enter image description here

我试图使用Solid Guage类型,但无法找到将第二个数据系列合并到图表中的方法吗?

1 个答案:

答案 0 :(得分:0)

你需要通过innerRadius / outerRadius定义一系列的点和常规大小和距离。

series: [{
        name: 'Speed',
        data: [{
            name: 'First car',
            radius: 100,
            innerRadius: 80,
            y: 80
        }, {
            name: 'Second car',
            radius: 80,
            innerRadius: 60,
            y: 120
        }],
        dataLabels: {
            enabled: true,
            y:-10
        },
        tooltip: {
            pointFormat: '{point.name}: <b>{point.y}</b> km/h'
        }
    }]

示例:http://jsfiddle.net/94akab33/2/ 缺少的元素可以通过renderer添加。