在高图表中使用tickPositions时保持xAxis不变

Question

您好，我使用 tickPositions 修复了 xAxis，如下所示，但我遇到了麻烦，因为间隙在数据之间不断变化。

如下 刻度位置: [0, 0.5, 1, 3, 5,20,50,100,200,400,800]

我可以更改使用以下方法制作的折线图吗？

我想让照片1中用hicharts实现的图表与照片2一样恒定。

帮助我。我找不到了

我的 xAxis 选项

      xAxis: {
          title: {
              text: '(m)',
              style: {
                  color: '#0a0a0a',
                  fontWeight: 'bold',
                  fontSize:'15px'
              }
          },
          tickPositions: [0, 0.5, 1, 3, 5,20,50,100,200,400,800],
          lineColor: '#000000',
          gridLineColor: '#807f7f',
          labels: {
              style: {
                  color : '#0a0a0a',
                  fontWeight: 'bold',
                  fontSize:'13px'
              },
          },
      },

例如）数据 x,y

var legendData = [[0, 5], [0.5, 6], [1, 7], [3, 13], [5, 22],[100, 5],[200, 6], [400, 7] [800, 22]];

Answer 1

最简单的解决方案是使用带有类别的 x 轴，并将

tickmarkPlacement

设置为

on

。例如：

xAxis: {
  tickmarkPlacement: 'on',
  tickWidth: 1,
  min: 0.5,
  max: data.length + 0.5,
  categories: [0, 0.5, 1, 3, 5, 20, 50, 100, 200, 400, 800],
  ...
}

---

现场演示：https://jsfiddle.net/BlackLabel/28L1d6wc/

API 参考： https://api.highcharts.com/highcharts/xAxis.tickmarkPlacement