echarts 柱状图 划入滚动显示

要实现echarts柱状图的划入滚动显示，可以通过设置x轴的轴线标签的rotate属性为-45度，并设置轴线标签的间距和字体大小，来达到文字倾斜显示的效果。同时，可以设置x轴的轴线标签的formatter属性为函数，用来自定义轴线标签的内容。

以下是一个示例代码，展示如何实现echarts柱状图的划入滚动显示：

mounted() {
  const chart = this.$echarts.init(document.getElementById('histogramBox1'));

  const option = {
    // 其他配置项...

    xAxis: {
      type: 'category',
      data: this.xData1,
      axisLabel: {
        rotate: -45,
        interval: 0,
        fontSize: 10,
        formatter: function(value) {
          // 自定义轴线标签的内容
          if (value.length > 5) {
            return value.substring(0, 5) + '...';
          } else {
            return value;
          }
        }
      }
    },

    // 其他配置项...
  };

  chart.setOption(option);
}