ECharts问题整理

1、ECharts折线图不堆叠设置

折线图堆叠的重要参数stack。只要将stack的值设置不相同，就不会堆叠了。

 series: [
        {
            name:'邮件营销',
            type:'line',
            stack: '总量1',
            data:[120, 132, 101, 134, 90, 230, 210]
        },
        {
            name:'联盟广告',
            type:'line',
            stack: '总量2',
            data:[220, 182, 191, 234, 290, 330, 310]
        }
    ]

2、ECharts多y轴时，使多条y轴的刻度线重合

思想：使每条y轴等高且分同样等份（eg:每条y轴都设置10条刻度线）

//让每条y轴的刻度线重合
const getChartYAxi = (name, data) => {
  const maxItem = Math.max(...data);//数据中的最大值
  const yAxis_max = maxItem + maxItem / 10//让最大值距离顶部有一定距离
  const toExponential = yAxis_max.toExponential(1) // 保留两位有效数值（转成科学计数法）
  const max = Number(toExponential); // 转成普通数字类型
  const partsCount = 10;//分多少条刻度线
  const yAxi = {
    name,
    type: 'value',
    max,
    interval: max / partsCount
  }
  return yAxi;
}

3、Echarts 找不到这个节点的问题

注意这个feature，初始化的时候是需要有一点，如'.feature'，
而在className中时就不需要有这一点，如：className='feature'

 const option = configEchartsOption('', dataSource);
 const echart = Echarts.init(document.querySelector('.feature'));
 echart.setOption(option);


const echartStyle = { width: '100%', height: 400 };

<div className='feature' style={echartStyle} />

想对ECharts有更多了解 请查阅 ECharts官网教程