如何在没有小数点的情况下在 Highcharts 中呈现 x 轴标签？

Question

我需要将我的 x 轴标签显示为一个整数，百分比不带小数点，前面有一个零。我已经在使用 allowDecimals: false 但这并没有帮助它看起来像。我该如何解决这个问题？

0.10% 应呈现为 10% 等

Highcharts.chart('container', {
      chart: {
        height: 550
      },
      title: {
        text: 'GME: Absolute Daily Return vs. % of Outstanding Shares Hedged, January 2021',
        align: 'left',
        style: {
          fontSize: '20px',
          fontWeight: 'bold',
        }
      },
      subtitle: {
        text: 'Data source: OPERA and Bloomberg',
        align: 'left'
      },
      credits: { enabled: false },
      xAxis: {
        title: { text: '% of Outstanding Shares Needed for Hedging' },
        // labels: {
        //   formatter: function () {
        //     return this.value.toFixed(2) + '%'
        //   }
        // },
        labels: {
          format: '{value:,.2f}%'
        },
        min: -0.01,
        max: 0.6,
        tickInterval: 0.1,
        allowDecimals: false
      },
      yAxis: {
        title: { text: 'Absolute % Change in Price' },
        min: -0.01,
        tickInterval: 0.5,
        labels: {
          formatter: function () {
            return this.value.toFixed(1)
          }
        },
        gridLineWidth: 0,
        minorGridLineWidth: 0
      },
      legend: {
        enabled: false
      },
      series: [{
          type: 'line',
          name: '',
          color: "#f79646",
          data: [[0, -.1489], [0.5, 0.7003]],
          marker: {
              enabled: false
          },
          states: {
              hover: {
                  lineWidth: 0
              }
          },
          enableMouseTracking: false
      }, {
          type: 'scatter',
          marker: {
            symbol: 'circle',
            fillColor: '#00429d',
            radius: 3
          },
          name: 'Observations',
          color: '#000',
          data: [
            [0.05, 0.08],
            [0.05, 0.00],
            [0.08, 0.05],
            [0.08, 0.01],
            [0.05, 0.02],
            [0.13, 0.12],
            [0.11, 0.00],
            [0.35, 0.57],
            [0.42, 0.27],
            [0.38, 0.11],
            [0.22, 0.10],
            [0.21, 0.00],
            [0.26, 0.09],
            [0.48, 0.51],
            [0.34, 0.18],
            [0.44, 0.92],
            [0.43, 1.34],
            [0.34, 0.44],
            [0.42, 0.67]
          ],
          tooltip: {
            valueDecimals: 2
          }
      }]
    });

Answer 1

是这样的吗？

     labels: {
       formatter: function () {
         return this.value * 100 + '%';
       }
     },

如何在没有小数点的情况下在 Highcharts 中呈现 x 轴标签？

How to render x-axis labels in Highcharts without the decimal points?

javascript

jquery

data-visualization

scatter-plot

highcharts