echarts双轴都要显示label应该如何编写代码？

作者站长头像
站长
· 阅读数 13

echarts双轴都要显示label应该如何编写代码？想让上方也显示日期，data可以但我采用的不是data，而是axislabel

        xAxis: [
          {
            min: startTime,
            scale: true,

            axisLabel: {
              formatter: function (val) {
                return Math.max(0, val - startTime) + " ms";
              },
            },
          },
          {
            min: startTime,
            scale: true,

            axisLabel: {
              formatter: function (val) {
                return Math.max(0, val - startTime) + " ms";
              },
            },
          },
        ],
回复
1个回答
avatar
test
2024-07-04

需要设置两个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
    }
  ]
};

效果：answer image

answer image用axisLabel一样的，看你那里面取label的逻辑是啥样的，在里面实现就行

回复
likes
适合作为回答的
  • 经过验证的有效解决办法
  • 自己的经验指引，对解决问题有帮助
  • 遵循 Markdown 语法排版，代码语义正确
不该作为回答的
  • 询问内容细节或回复楼层
  • 与题目无关的内容
  • “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容