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

在文章实战开发的过程中，我们经常会遇到一些这样那样的问题，然后要卡好半天，等问题解决了才发现原来一些细节知识点还是没有掌握好。今天golang学习网就整理分享《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的格式化函数中实现类似的逻辑。

今天带大家了解了的相关知识，希望对你有所帮助；关于文章的技术知识我们会一点点深入介绍，欢迎大家关注golang学习网公众号，一起学习编程~