echarts x 起始_echarts中如何在dataZoom 最左侧和最右侧始终显示起始和结束的值

在 ECharts 中，可以通过设置 dataZoom 的 startValue 和 endValue 属性来实现在 dataZoom 最左侧和最右侧始终显示起始和结束的值。

可以参考以下代码：

option = {
  ...
  dataZoom: {
    ...
    startValue: 0, // 设置起始值
    endValue: 100, // 设置结束值
    ...
  },
  ...
};

在以上代码中，startValue 和 endValue 分别设置了 dataZoom 的起始值和结束值。如果需要根据实际情况动态设置起始值和结束值，可以使用 setOption 方法来动态更新 option。

同时，还需要在 xAxis 的 axisLabel 中设置 formatter 属性来格式化显示的数值，以便显示起始和结束的值。可以参考以下代码：

option = {
  ...
  xAxis: {
    type: 'category',
    data: ['A', 'B', 'C', 'D', 'E'],
    axisLabel: {
      formatter: function(value, index) {
        if (index === 0 || index === 4) { // 第一个和最后一个显示数值
          return value;
        } else {
          return ''; // 其他不显示
        }
      }
    }
  },
  ...
};

在以上代码中，通过设置 xAxis 的 formatter 属性来格式化显示 x 轴的数值。只有第一个和最后一个显示数值，其他不显示。这样就可以在 dataZoom 最左侧和最右侧始终显示起始和结束的值了。