ECharts:具有自己的yAxis的多个系列(线)

Jef*_*aal 2 echarts

我想从Highcharts切换到ECharts(最好是3个),但是我当前的图形有多个系列(在我的情况下为“线”),每个系列都有各自的yaxis,看来ECharts不支持此功能。

在此处输入图片说明

这些指标根本不相关,因此它们都需要自己的yaxis。我将它们合并为1张图表,以便可以将它们彼此进行比较(500次访问,30000欧元,3%的转化率等)。在同一个Y轴上绘制500次访问和3%的转化率是没有意义的。

有没有办法给每条线自己的坐标轴?它不必是可见的(因为只有ECharts可以有两个,在画布的左/右,没关系),但是数据需要绘制到单个轴上。

小智 5

尝试这个

 yAxis: [
    {
      type: 'value',
      name: 'left_yaxis',
      nameTextStyle: {
        color: '#fff'
      },
      splitLine:{
        show:false,
      },
      axisLabel: {
        textStyle:{
          color:'#fff',
        }
      }
    },
    {
      type: 'value',
      name: 'right_yaxis',
      nameTextStyle: {
        color: '#fff'
      },
      axisLabel: {
        interval:'0',
        textStyle:{
          color:'#fff',
        }
      },
      splitLine: {
        lineStyle: {
          color: ['#454545'],
        }
      },
      min:0,
      //max:800000,
      splitNumber:5
    }
  ],
Run Code Online (Sandbox Code Playgroud)


Aya*_*yan 5

这是 echarts 中双 y 轴的示例:


小智 1

echarts中可以通过将yaxis元素设置为数组来添加多个y轴