Highcharts 中包含 2 个数据系列的实体仪表图

Question

有没有人可以使用 Highcharts 创建以下类型的图表：

我试图使用 Solid Guage 类型，但找不到将第二个数据系列合并到图表中的方法？

Answer 1

您需要通过 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.

添加

Highcharts 中包含 2 个数据系列的实体仪表图

Solid Guage Chart with 2 data series in Highharts

highcharts

series