vueecharts调整y轴刻度间隔

在 Vue-Echarts 中，你可以通过修改 ECharts 的配置选项来自定义 Y 轴的刻度间隔。ECharts 提供了 `yAxis` 对象，其中有一个 `splitLine` 和 `axisTick` 配置项可以控制刻度线和刻度标签。下面是调整刻度间隔的基本步骤：

1. 首先，在 Vue 组件中引用 ECharts，并创建一个 echarts 实例：

import { ECharts } from 'vue-echarts';

export default {
  components: {
    ECharts,
  },
  data() {
    return {
      chartInstance: null,
    };
  },
  mounted() {
    this.initChart();
  },
  methods: {
    initChart() {
      const options = {
        // ... 其他图表配置
        yAxis: {
          splitLine: { interval: <自定义间隔值>, gap: <间距> }, // 间隔值和间距单位默认是像素
          axisTick: { interval: <自定义间隔数> }, // 可以设置每隔多少个单位显示一个刻度
        },
      };

      this.chartInstance = this.$echarts.init(this.$refs.chart);
      this.chartInstance.setOption(options);
    },
  },
};

在这里 `<自定义间隔值>`、`<自定义间隔数>` 和 `<间距>` 都需要根据实际需求设置数值。