javascript - 在 HIGHCHARTS 中无法设置仪表中的最大点

Question

我使用的是 HIGHCHARTS 实体仪表，最小值为 0，最大值为 18，而将最大值设置为 18，其显示为 20。

速度计应介于 -0 到 18 之间 我的字段级别以 double 据类型存储。

op- 最大 20 预期操作 - 最大 18

代码

var chartSpeed = Highcharts.chart('container-speed', Highcharts.merge(gaugeOptions, {
                yAxis: {
                    min: 0,
                    max: 18.0,
                    title: {
                        text: 'Filled'
                    }
                },
                    credits: {
                    enabled: false
                },
                    series: [{
                    name: 'Speed',
                    data: [@Model[0].filled.ToString("N2")],
                    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">Feet</span></div>'
                    },
                    tooltip: {
                        valueSuffix: ' km/h'
                    }
                }]

                    }));
                    var a = @System.Configuration.ConfigurationManager.AppSettings["8"];
                    var chartRpm = Highcharts.chart('container-rpm', Highcharts.merge(gaugeOptions, {
                        yAxis: {
                            min: 0,
                            max: 100,
                            title: {
                                text: 'Filled %'
                            }
                        },
                                series: [{
                            name: 'Filled %',
                           data: [(@Model[0].filled)/ a * 100],
                            dataLabels: {
                                format: '<div style="text-align:center"><span style="font-size:25px;color:' +
                                ((Highcharts.theme && Highcharts.theme.contrastTextColor) || 'black') + '">{y:.1f}</span><br/>' +
                                '<span style="font-size:12px;color:silver">% Percentage</span></div>'
                            },
                            tooltip: {
                                valueSuffix: 'Percentage'
                            }
                        }]
                   }));

            setInterval(function () {
                           var point,
                    newVal,
                    inc;
    }, 2000);

Answer 1

我通过向仪表添加 tickPositioner 函数解决了您的问题，该函数返回 min 和 max 值作为位置，解决了您最有可能面临的tickInterval 问题。这将使 y 轴代码如下所示:

 yAxis: {
    min: 0,
    max: 18,
    tickPositioner: function() {
      return [this.min, this.max];
    },
    title: {
      text: 'Speed'
    }
  },

我有一个来自 Highcharts 演示的工作示例 here 。它不包含您的代码，因为我缺少很多代码来重现它，但它在速度表上显示最大值为 18。