科学记数法到十进制记数法在 highcharts 中不起作用

Question

我正在构建一个带有一些超小值的 highchart。 我的问题是

当数字为 e-7 时，图表不会将科学记数法转换为数字记数法。

这是我的代码。

     $(document).ready(function() {
  var data = [[1532476800000,9.888550207585507e-7],[1532995200000,9.566888695224366e-7],[1533081600000,9.217248059141058e-7]];
  var options = {
    chart: {
      renderTo: 'container',
      type: 'line',

    },
    title: {
      text: 'Fruit Consumption'
    },
        xAxis:{
        type:'datetime'
    },
    yAxis: {
      title: {
        text: 'Fruits Amount'
      }
    },
    series: [{}]
  };
  options.series[0].data = data;
  var chart = new Highcharts.Chart(options);

});

如果序列号是 e-6，那么转换没有任何问题。

有没有人遇到过这个问题？

这是相同的小提琴。

谁能帮帮我吗？

Answer 1

我的理解是 Highcharts 中的标签只是使用数字的值，这就是 Javascript 打印这些数字的方式。 比如在Node中演示：

$ node
> 0.0000009888550207585507
9.888550207585507e-7
> 0.000009888550207585507
0.000009888550207585507

所以，你可以做什么？ 您可以使用toFixed （ 文档）始终以给定的精度表示它。 但是，请注意，这有大约 20 个的限制，并且需要您选择一个特定的数字并成为一个字符串。 然而它很简单（ JSFiddle 演示）：

yAxis: {
    labels: {
        formatter: function() {
            return this.value.toFixed(8);
        }
    },
}

如果您使用toFixed值太大，则可以开始截断尾随零以获得可变长度标签，但这可能不是最好的。 一个粗略的例子（ JSFiddle 演示）：

yAxis: {
    labels: {
        formatter: function() {
            let strValue = this.value.toFixed(20);

            for(let i = strValue.length - 1; i >= 0; i--) {
                if(strValue.charAt(i) != '0') {
                    strValue = strValue.substring(0, i + 1);
                    break;
                }
            }

            return strValue;
        }
    }
}