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

时间:2016-04-11 15:26:49

标签: echarts

我想从Highcharts切换到ECharts(最好是3),但我目前的图表有多个系列(在我的情况下为' line'),每个都有自己的yaxis,似乎ECharts没有&#39 ;支持这个。

enter image description here

这些指标根本不相关,因此它们都需要自己的yaxis。我将它们组合在一个图表中,这样它们就可以相互比较(500次访问,30000欧元,3%转换等等)。在同一个yaxis上绘制500次访问和3%转换率是没有意义的。

有没有办法让每条线都拥有自己的yaxis?它不必是一个可见的(因为只有两个ECharts,画布左/右,并且没关系),但数据需要绘制到一个单独的轴。 / p>

4 个答案:

答案 0 :(得分: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
    }
  ],

答案 1 :(得分:3)

以下是echarts中关于双y轴的示例:

答案 2 :(得分:1)

通过将yaxis元素作为数组

,可以在echarts中添加多个y轴

答案 3 :(得分:0)

是的,ECharts支持多轴。请参阅ECharts Gallery上的示例。