数据全0时，如何配置x轴的位置？

Question

类似 （https://www.visactor.io/vchart/demo/line-chart/basic-line）这样的数据全为0的折线图，

x轴的位置会使折线居中。想要调整X轴的位置，使X轴与Y刻度为0对齐，该如何实现？

Answer 1

试一下y轴最小值给0

Answer 2

解决方案 Solution

不同图表库的解决方案不一样，根据你给的demo，只需要将Y轴的axes-linear.`zero 设置为true`即可。

• barChart-axes-linear.`zero` = true 仅当轴为线性轴时生效，是否包含 0 值。当配置了 min 和 max，该配置项失效。

代码示例 Code Example

代码参考 Code Example

const spec = {
  type: 'line',
  data: {
    values: [
      {
        time: '2:00',
        value: 0
      },
      {
        time: '4:00',
        value: 0
      },
      {
        time: '6:00',
        value: 0
      },
      {
        time: '8:00',
        value: 0
      },
      {
        time: '10:00',
        value: 0
      },
      {
        time: '12:00',
        value: 0
      },
      {
        time: '14:00',
        value: 0
      },
      {
        time: '16:00',
        value: 0
      },
      {
        time: '18:00',
        value: 0
      }
    ]
  },
  xField: 'time',
  yField: 'value',
  axes:[
    {
      orient: 'left',
      zero: true,
    }
]
};

结果展示 Results

在线效果参考：https://codesandbox.io/s/data-is-all-0-smhq6h

相关文档 Related Documentation

基础折线图demo：https://www.visactor.io/vchart/demo/line-chart/basic-line

坐标轴教程：https://www.visactor.io/vchart/guide/tutorial_docs/Chart_Conc...

相关api：https://www.visactor.io/vchart/option/lineChart-axes-linear#zero

github：https://github.com/VisActor/VChart