Apache Echart:当两个轴都是“值”类型时设置轴标签间隔

问题描述 投票:0回答:0

我有一个条形图,xAxis 和 yAxis 都是“值”类型。

我正在尝试设置标签/刻度的间隔以显示 xAxis 上每个数据的标签。

使用

axisLabel: { interval: 1 }
不起作用.
使用
axisTick: { interval: 1 }
不起作用.

我无法将 xAxis 更改为键入“类别”,因为我需要将其用于标记区域。
这是我使用的基本代码:

    grid: chartGrid,
    title: {
      left: 'center',
    },
    tooltip: {
      ...
    },
    toolbox: {
      ...
    },
    xAxis: {
      type: 'value',
      axisLabel: {
        show: true,
        interval: 1,
        formatter: (value:any, index:any) => {...},
      },
      axisTick: {
        interval:1
      }
    },
    yAxis: { type: 'value'},
    
    series: {
      name: 'Total',
      type: 'bar',
      itemStyle: {
        borderRadius: [10, 10, 0, 0],
        color: 'rgb(54, 81, 83)',
      },
      barGap: '-100%',
      data: [
          [1,2],
          [3,7],
          [5,6],
          ...
      ],
      large: true,
      markArea: markAreaData,
    }
}

这就是图表的显示方式:

如何设置标签/刻度的间隔以显示 xAxis 上每个数据的标签?

apache echarts
© www.soinside.com 2019 - 2024. All rights reserved.