ECharts中如何实现双轴同时显示标签?

echarts中如何实现双轴同时显示标签?

echarts中双轴均显示ラベル

echarts中,为双轴同时显示ラベル需要设置两个x轴。代码如下:

option = {
  xAxis: [
    {
      type: 'category',
      data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
    },
    {
      type: 'category',
      data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
    }
  ],
  yAxis: [
    {
      type: 'value',
      inverse: true
    },
    {
      type: 'value'
    }
  ],
  series: [
    {
      data: [120, 120, 10, 80, 70, 70, 130],
      type: 'bar',
    },
    {
      data: [10, 20, 110, 50, 30, 20, 80],
      type: 'bar',
      xAxisIndex: 1,
      yAxisIndex: 1
    }
  ]
};

这将生成如下图所示的图表,其中两个x轴都显示了标签:

[图片]

对于使用axislabel来取值的图表,需要在axislabel的格式化函数中实现类似的逻辑。

以上就是ECharts中如何实现双轴同时显示标签?的详细内容,更多请关注www.sxiaw.com其它相关文章!