高新echarts 折线配置项内容和展示

无

      //部门流量Top10及流量占比

options = [{
        title: {
            text: '网络总体流量趋势',
            subtext: '单位：TB',
            x: 'center',
        },
        tooltip: {
            trigger: 'axis',
            formatter: "{b} <br/>{a} : {c} TB<br/>{a1} : {c1} TB<br/>{a2} : {c2} TB",
        },
        legend: {
            data: ['入网下行流量', '出网上行流量', '网内总流量'],
            x: 'center',
            top: 'bottom',
        },
        toolbox: {
            feature: {
                saveAsImage: {}
            }
        },
        grid: {
            left: '3%',
            right: '3%',
            bottom: '5%',
            containLabel: true
        },
        xAxis: [{
            type: 'category',
//            boundaryGap: false,
            data: ['7月', '8月', '9月', '10月', '11月', '12月']
        }],
        yAxis: [{
            name: '流量(TB)',
            type: 'value',
        }, {
            name: '流量(TB)',
            type: 'value',
        }],
        series: [{
            name: '出网上行流量',
            type: 'line',
            areaStyle: {
                normal: {}
            },
            data: [1.77, 1.96, 1.62, 1.72, 1.90, 2.27],
            yAxisIndex: 1,
            smooth: true,
            label: {
                normal: {
                    show: true,
                    formatter: '{c} TB',
                }
            },
        }, {
            name: '入网下行流量',
            type: 'line',
            areaStyle: {
                normal: {}
            },
            data: [5.42, 4.35, 5.86, 8.96, 8.29, 10.20],
            yAxisIndex: 1,
            smooth: true,
            label: {
                normal: {
                    show: true,
                    formatter: '{c} TB',
                }
            },
        }, {
            name: '网内总流量',
            type: 'line',
            areaStyle: {
                normal: {}
            },
            yAxisIndex: 0,
            smooth: true,
            data: [74.66, 69.78, 97.60, 101.39, 98.08, 98.76],
            label: {
                normal: {
                    show: true,
                    formatter: '{c} TB',
                }
            },
        }, ]
    },
    //主要网站访问速度

    {
        title: {
            text: '主要网站访问速度',
            subtext: '单位：毫秒（ms）',
            x: 'center',
        },
        tooltip: {
            trigger: 'axis',
            formatter: "{b}<br/>{a}: {c} ms<br/>{a1}: {c1} ms",
            axisPointer: { // 坐标轴指示器，坐标轴触发有效
                type: 'shadow', // 默认为直线，可选为：'line' | 'shadow'
            }
        },
        legend: {
            data: ['响应时间', '下载时间'],
            x: 'center',
            top: 'bottom',
        },
        toolbox: {
            feature: {
                saveAsImage: {}
            }
        },
        grid: {
            left: '3%',
            right: '4%',
            bottom: '5%',
            containLabel: true
        },
        xAxis: {
            type: 'value',
        },
        yAxis: {
            type: 'category',
            data: ['淘宝', '腾讯', '新浪', '搜狐', '百度']
        },
        series: [{
            name: '响应时间',
            type: 'bar',
            stack: '总量',
            label: {
                normal: {
                    show: false,
                    position: 'insideRight',
                    formatter: '{c} ms',
                }
            },
            data: [3.01, 3.51, 2.46, 2.42, 38.25]
        }, {
            name: '下载时间',
            type: 'bar',
            stack: '总量',
            label: {
                normal: {
                    show: false,
                    position: 'insideRight',
                    formatter: '{c} ms',
                }
            },
            data: [2.84, 42.56, 46.75, 52.95, 39.38]
        }, ]
    }, {
        title: {
            text: '部门流量及流量占比',
            subtext: '单位：TB',
            x: 'center'
        },
        tooltip: {
            trigger: 'item',
            formatter: "{b} : {c} TB ({d}%)"
        },
        toolbox: {
            feature: {
                saveAsImage: {}
            }
        },
        legend: {
            orient: 'vertical',
            x: 'right',
            top: 'middle',
            data: ['高新公安', '西区政务大厅', '社会事业局', '肖家河街道办事处', '石羊街道办事处', '信访中心', '双创中心', '芳草街道办事处', '国土局', '合作街道办事处', '其他']
        },
        series: [{
            name: '访问来源',
            type: 'pie',
            radius: '60%',
            center: ['40%', '50%'],
            data: [{
                value: 9.57,
                name: '高新公安'
            }, {
                value: 2.09,
                name: '西区政务大厅'
            }, {
                value: 1.97,
                name: '社会事业局'
            }, {
                value: 1.94,
                name: '肖家河街道办事处'
            }, {
                value: 1.79,
                name: '石羊街道办事处'
            }, {
                value: 1.75,
                name: '信访中心'
            }, {
                value: 1.67,
                name: '双创中心'
            }, {
                value: 1.53,
                name: '芳草街道办事处'
            }, {
                value: 1.75,
                name: '信访中心'
            }, {
                value: 1.46,
                name: '国土局'
            }, {
                value: 1.33,
                name: '合作街道办事处'
            }, {
                value: 5.64,
                name: '其他'
            }, ],
            itemStyle: {
                emphasis: {
                    shadowBlur: 10,
                    shadowOffsetX: 0,
                    shadowColor: 'rgba(0, 0, 0, 0.5)'
                },
                normal: {
                    label: {
                        show: true,
                        //	                            position:'inside',
                        formatter: '{b} : {c} TB ({d}%)'
                    }
                },
                labelLine: {
                    show: true
                }
            }
        }]
    },
]