路基工程完成数据

描述:当前是关于Echarts图表中的 示例。
 
            option = {
    backgroundColor: "#fff",
    title: {
        "text": "路基工程完成数据",
        textStyle: {
            color: '#000',
        }
    },
    tooltip: {
        trigger: 'axis',
        axisPointer: {
            type: 'cross',
            crossStyle: {
                color: '#999'
            }
        }
    },
    toolbox: {
    show : false
},
    toolbox: {
        
        feature: {
            dataView: {
                show: true,
                readOnly: false
            },
            magicType: {
                show: true,
                type: ['line', 'bar']
            },
            restore: {
                show: true
            },
            saveAsImage: {
                show: true
            }
        }
    },
    legend: {
        data: ['2018年', '2019年', '增长率'],
        textStyle: {
            color: "#000"
        },
    },
    xAxis: [{
        type: 'category',
        data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'],
        axisPointer: {
            type: 'shadow'
        }
    }],
    yAxis: [{
            type: 'value',
            name: '单位(米)',
            min: 600,
            max: 1000,
            interval: 50,
            axisLabel: {
                formatter: '{value} m'
            }
        },
        {
            type: 'value',
            name: '比率',
            min: 0,
            max: 100,
            interval: 5,
            axisLabel: {
                formatter: '{value} %'
            }
        }
    ],
    series: [{
            name: '2018年',
            type: 'bar',
            data: [730, 720, 740, 760, 790, 820, 880, 890, 880, 870, 820, 780]
        },
        {
            name: '2019年',
            type: 'bar',
            data: [820, 830, 840, 860, 880, 930, 920, 920, 900, 880, 850, 860]
        },
        {
            name: '增长率',
            type: 'line',
            yAxisIndex: 1,
            data: [3.5, 4.2, 3.7, 4.1, 3.3, 3.2, 4.3, 3.4, 5.0, 4.5, 5.0, 5.2]
        }
    ]
};