为什么echarts中设置了xAxis.data后"xAxis.minorSplitLine"不起作用

Question

如果设置xAxis.data，如：

option = {
  xAxis: {
    data: [0, 50, 100, 150, 200, 250, 300, 350, 400], 
    minorSplitLine: {
      show: true
    },
  },
  yAxis: {
    
  },
  series: [
    {
      type: 'line',
      data: [1.2, 1.44, 1.72, 2.07, 2.49, 2.98, 3.58, 4.3, 5.16]
    }
  ]
};

次分割线不显示:

当我删除 xAxis.data 时，一切正常：

Answer 1

改为将所有数据（x 和 y）放入 series。

option = {
  xAxis: { 
    minorSplitLine: {
      show: true
    },
  },
  yAxis: {
    
  },
  series: [
    {
      type: 'line',
      data: [[0, 1.2], [50, 1.44], [100, 1.72], [150, 2.07], [200, 2.49], [250, 2.98], [300, 3.58], [350, 4.3], [400, 5.16]]
    }
  ]
};

那是因为当你设置xAxisdata时，你隐含地把它变成了'category'type，而你这里想要的是'value'类型（这是用我的代码隐式完成的）。

如果类型设置为'category'，splitLine没有意义，因为一个点在类别中或不在类别中，它不是为连续数值数据制作的（这就是'value' 类型是为).

为什么echarts中设置了xAxis.data后"xAxis.minorSplitLine"不起作用

Why the "xAxis.minorSplitLine" doesn't work after setting `xAxis.data` in echarts

echarts