echart多y轴曲线图

要画ECharts多y轴曲线图，需要使用ECharts的toolbox中的magicType功能，将折线图转化为多y轴图。具体步骤如下：

1. 定义ECharts实例：

var myChart = echarts.init(document.getElementById('myChart'));

2. 设置ECharts的option：

var option = {
    tooltip: {
        trigger: 'axis'
    },
    legend: {
        data:['曲线1','曲线2','曲线3']
    },
    toolbox: {
        feature: {
            magicType: {type: ['line', 'bar']}
        }
    },
    xAxis: [
        {
            type: 'category',
            data: ['1月','2月','3月','4月','5月','6月','7月']
        }
    ],
    yAxis: [
        {
            type: 'value',
            name: 'y轴1',
            position: 'left',
            axisLabel: {
                formatter: '{value} °C'
            }
        },
        {
            type: 'value',
            name: 'y轴2',
            position: 'right',
            axisLabel: {
                formatter: '{value} ml'
            }
        }
    ],
    series: [
        {
            name:'曲线1',
            type:'line',
            yAxisIndex: 0,
            data:[2, 5, 3, 7, 9, 6, 8]
        },
        {
            name:'曲线2',
            type:'line',
            yAxisIndex: 0,
            data:[3, 6, 4, 8, 10, 7, 9]
        },
        {
            name:'曲线3',
            type:'line',
            yAxisIndex: 1,
            data:[20, 40, 60, 80, 100, 120, 140]
        }
    ]
};

3. 绘制ECharts图表：

myChart.setOption(option);

在以上代码中，我们使用了toolbox中的magicType功能，将折线图转换为了多y轴图。同时，在yAxis中定义了两个y轴，分别对应曲线1和曲线2以及曲线3的纵坐标轴。在series中，使用yAxisIndex指定了曲线1和曲线2所使用的纵坐标轴为第一个，曲线3使用的纵坐标轴为第二个。