Question

我是Highcharts的新手，只是在处理这个问题。

我已将最大值更改为24并将数据值设置为20.

$('#container-speed').highcharts(Highcharts.merge(gaugeOptions, {
    yAxis: {
        min: 0,
        max: 24,
        title: {
            text: 'Test ABC'
        }
    },

    credits: {
        enabled: false
    },

    series: [{
        name: 'Speed',
        data: [20],
        dataLabels: {
            format: '<div style="text-align:center"><span style="font-size:25px;color:' +
                ((Highcharts.theme && Highcharts.theme.contrastTextColor) || 'black') + '">{y}</span><br/>' +
                   '<span style="font-size:12px;color:silver">83% visited</span></div>'
        },
        tooltip: {
            valueSuffix: ' visited'
        }
    }]

}));

然而，仪表显示的最大值为40，仪表显示为50％（20/40）。

Image here

我想我在某个地方犯了一个愚蠢的错误，我看不出什么......任何帮助都会非常感激。

http://jsfiddle.net/fzsy2mhk/

谢谢，

Answer 1

来自Highcharts API：

如果设置了tickAmount，则轴可能会超出设定的最大值，以达到给定的刻度数。

因此，您必须从tickamount删除gaugeOptions。

由于您在labels中启用了yAxis，因此指标会自动生成标签。您可以使用enabled:false停用它，或使用step选项进行调整。

使用JSFiddle here

Highcharts规范错误地呈现标签值

1 个答案: