调用echarts none配置项内容和展示

调用分析

      option = {
    title: {
        text: "调用",
        subtext: "调用分析"
    },
    tooltip: {
        trigger: "axis"
    },
    legend: {
        data: ["调用次数", "成功次数", "失败次数"]
    },
    grid: {
        left: '5%',
        right: '3%'
    },
    toolbox: {
        show: true,
        feature: {
            dataZoom: {
                yAxisIndex: "none"
            },
            dataView: {
                readOnly: false
            },
            magicType: {
                type: ["line", "bar"]
            },
            restore: {},
            saveAsImage: {}
        }
    },
    dataZoom: [{
            startValue: "2019-05-24"
        },
        {
            type: "inside"
        }
    ],
    xAxis: {
        type: "category",
        boundaryGap: false,
        data: [
            "2019-05-21",
            "2019-05-22",
            "2019-05-23",
            "2019-05-24",
            "2019-05-25",
            "2019-05-26",
            "2019-05-27"
        ]
    },
    yAxis: {
        type: "value",
        axisLabel: {
            formatter: "{value} 次"
        }
    },
    series: [{
            name: "调用次数",
            type: "line",
            data: [10, 20, 41, 14, 100, 300, 37],
            markPoint: {
                data: [{
                        type: "max",
                        name: "最大值"
                    },
                    {
                        type: "min",
                        name: "最小值"
                    }
                ]
            },
            itemStyle: {
                color: "#5bd1db"
            },
            lineStyle: {
                width: 3
            },
            markLine: {
                label: {
                    show: true,
                    position: "middle",
                    formatter: "{b}: {c} 次"
                },
                symbol: 'none',
                data: [{
                        type: "average",
                        name: "平均值"
                    },

                ]
            }
        },
        {
            name: "成功次数",
            type: "line",
            data: [5, 20, 40, 12, 30, 222, 33],
            markPoint: {
                data: [{
                        type: "max",
                        name: "最大值"
                    },
                    {
                        type: "min",
                        name: "最小值"
                    }
                ]
            },
            itemStyle: {
                color: "#00ef09"
            },
            lineStyle: {
                width: 3
            },
            markLine: {
                label: {
                    show: true,
                    position: "middle",
                    formatter: "{b}: {c} 次"
                },
                symbol: 'none',
                data: [{
                    type: "average",
                    name: "平均值"
                }]
            }
        },
        {
            name: "失败次数",
            type: "line",
            data: [0, 0, 1, 2, 1, 20, 0],
            markPoint: {
                data: [{
                        type: "max",
                        name: "最大值"
                    },
                    {
                        type: "min",
                        name: "最小值"
                    }
                ]
            },
            itemStyle: {
                color: "#EB5252"
            },
            lineStyle: {
                width: 3
            },
            markLine: {
                label: {
                    show: true,
                    position: "middle",
                    formatter: "{b}: {c} 次"
                },
                symbol: 'none',
                data: [{
                    type: "average",
                    name: "平均值"
                }]
            }
        }
    ]
}