echarts 折线配置项内容和展示

      app.title = '∂‡ Y ÷· æ¿˝';

var colors = ['#5793f3', '#d14a61', '#675bba'];

option = {
    color: colors,

    tooltip: {
        trigger: 'axis'
    },
    grid: [{
        left: '15%',
        right: '1%',
        height: '60%'
    },{
        left: '15%',
        right: '1%',
        top: '75%',
        height: '15%'
    }],
    toolbox: {
        feature: {
            dataView: {show: true, readOnly: false},
            restore: {show: true},
            saveAsImage: {show: true}
        }
    },
    legend: {
        data:['’Ù∑¢¡ø','ΩµÀÆ¡ø','∆Ωæ˘Œ¬∂»']
    },
    xAxis: [
        {
            type: 'category',
            gridIndex: 0,
            axisTick: {
                alignWithLabel: true
            },
            data: ['1‘¬','2‘¬','3‘¬','4‘¬','5‘¬','6‘¬','7‘¬','8‘¬','9‘¬','10‘¬','11‘¬','12‘¬']
        }, {
            type: 'category',
            gridIndex: 1,
            axisTick: {
                alignWithLabel: true
            },
            data: ['1‘¬','2‘¬','3‘¬','4‘¬','5‘¬','6‘¬','7‘¬','8‘¬','9‘¬','10‘¬','11‘¬','12‘¬']
        }
    ],
    yAxis: [
        {
            type: 'value',
            gridIndex: 0,
            name: '’Ù∑¢¡ø',
            min: 0,
            max: 250,
            position: 'left',
            axisLine: {
                lineStyle: {
                    color: colors[0]
                }
            },
            axisLabel: {
                formatter: '{value} ml'
            }
        },
        /*{
            type: 'value',
            gridIndex: 0,
            name: 'ΩµÀÆ¡ø',
            min: 0,
            max: 250,
            position: 'left',
            offset: 50,
            axisLine: {
                lineStyle: {
                    color: colors[1]
                }
            },
            axisLabel: {
                formatter: '{value} ml'
            }
        },
        /*{
            type: 'value',
            name: 'Œ¬∂»',
            position: 'left',
             offset: 100,
            axisLine: {
                lineStyle: {
                    color: colors[2]
                }
            },
            axisLabel: {
                formatter: '{value} °„C'
            }
        },*/
        {
            gridIndex: 1,
            name: 'Œ¬ª˝',
            min: 0,
            max: 24,
            position: 'left',
            axisLine: {onZero: false},
            axisTick: {show: false},
            splitLine: {show: false},
            axisLabel: {show: true}
        }
    ],
    dataZoom: [
               {
                   type: 'slider',
                   show: true,
                   xAxisIndex: [0, 1],
                   start: 0,
                   end: 100
               },
               {
                   type: 'inside',
                   xAxisIndex: [0, 1],
                   start: 0,
                   end: 100
               }
    ],
    series: [
        {
            name:'’Ù∑¢¡ø',
            type:'line',
            xAxisIndex: 0,
            yAxisIndex: 0,
            data:[2.0, 4.9, 7.0, 23.2, 25.6, 76.7, 135.6, 162.2, 32.6, 20.0, 6.4, 3.3]
        },
        {
            name:'ΩµÀÆ¡ø',
            type:'line',
            xAxisIndex: 0,
            yAxisIndex: 0,
            data:[2.6, 5.9, 9.0, 26.4, 28.7, 70.7, 175.6, 182.2, 48.7, 18.8, 6.0, 2.3]
        },
        {
            name:'∆Ωæ˘Œ¬∂»',
            type:'line',
            xAxisIndex: 0,
            yAxisIndex: 0,
            data:[-2, 2.2, 3.3, 4.5, 6.3, 10.2, 20.3, 23.4, 23.0, 16.5, 12.0, -6.2]
        },
        {
            name: 'µÕŒ¬Œ¬ª˝',
            type: 'bar',
            stack: 'one',
            xAxisIndex: 1,
            yAxisIndex: 1,
            itemStyle:{
              	normal:{
              		color:'green',
              	}
              },
            barCategoryGap:'10%',
            data: [16, 16, 16, 16, 21, 18, 14, 19, 19, 16, 16, 16]
        },
        {
            name: '∏flŒ¬Œ¬ª˝',
            type: 'bar',
            stack: 'one',
            xAxisIndex: 1,
            yAxisIndex: 1,
            itemStyle:{
              	normal:{
              		color:'red',
              	}
              },
            barCategoryGap:'10%',
            data: [8, 8, 8, 8, 3, 4, 8, 5, 5, 8, 8, 8]
        }
    ]
};