javascript - Highcharts Speedometer，里程计数器的dataLabel

Question

Highcharts 中的车速表有几个例子。

有没有办法只显示一个额外的dataLabel，而无需拨入仪表？它可以显示行程记录器、里程计数器或天数计数器。

我尝试了其他系列和数据标签，但无法运行。

http://jsfiddle.net/uqa0t3xw

series: [{
    name: 'mileage counter',
    data: [],
    dataLabels: {
        x: 0, y: 20,
        format: '{y:.0f} km',
    }
}]

Answer 1

如果您想通过添加另一个系列并隐藏表盘来获得额外的数据标签，您可以通过将表盘的颜色设置为"transparent"( JSFiddle ) 来实现：

series: [
// Our "hidden" series
{
    name: 'mileage counter',
    data: [0],
    dataLabels: {
        x: 0, y: 50,
        format: '{y:.0f} km',
    },
    dial: {
        backgroundColor: 'transparent'
    }
},
// ... Other series
]

另请注意该y值必须足够大以不与其他数据标签重叠。如果重叠，它将被隐藏，因为仪表allowOverlap: false默认情况下具有。或者，您可以将其设置为true，但重叠可能不漂亮。

应该注意的是，这也可以通过创建自己的div并将其放置在正确的位置来解决，或者可能从第一个系列中复制数据标签并稍微移动它。