多折线 独立趋势展示echarts 折线配置项内容和展示

多y轴,共x轴,每组数据有一个y轴,尽可能展示每条曲线的趋势

配置项如下
      option = {
    title: {
        text: '多折线 独立趋势展示'
    },
    tooltip: {
        trigger: 'axis'
    },
    legend: {
        data: ['占比', '人数', '价格']
    },
    grid: {
        left: '3%',
        right: '4%',
        bottom: '3%',
        containLabel: true
    },
    toolbox: {
        feature: {
            saveAsImage: {}
        }
    },
    xAxis: {
        type: 'category',
        boundaryGap: false,
        data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
    },
    yAxis: [
        {
        type: 'value',
        show: false,
    },
    {
        type: 'value',
        show: false,
    },
    {
        type: 'value',
        show: false,
    }
        ],
    series: [
        {
            name: '占比',
            type: 'line',
           yAxisIndex: 0,
            data: [0.1, 0.3, 0.7, 0.1, 0.1, 0.4, 0.8]
        },
        {
            name: '人数',
            type: 'line',
            yAxisIndex: 1,
            data: [220, 182, 191, 234, 290, 330, 310]
        },
        {
            name: '价格',
            type: 'line',
          yAxisIndex: 2,
            data: [1506, 2327, 2018, 1549, 1900, 3306, 4100]
        }
      
    ]
};
    
截图如下