知识点合格率echarts 折线配置项内容和展示

智能备考-教师端-统计信息知识点合格率

      option = {
    title: {
        text: '',
        subtext: ''
    },
    tooltip: {
        trigger: 'axis'
    },
    grid: {
        left: '3%',
        top: '10%',
        containLabel: true
    },
    backgroundColor: '#fff',
    legend: {
        data: ['最高值', '当前班级']
    },
    calculable: true,
    xAxis: [{
        type: 'category',
        boundaryGap: false,
        axisLabel: {
            textStyle: {
                fontSize: 18
            }
        },
        interval: 0,
        data: ['at', 'bor', 'cat', 'dear', 'eye', 'four', 'get', 'hour', 'iea', 'juct', 'king', 'light']
    }],
    yAxis: {
        type: 'value'
    },
    series: [{
            name: '最高值',
            type: 'line',
            areaStyle: {
                normal: {
                    type: 'default',
                    color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
                        offset: 0,
                        color: 'rgba(199, 37, 50,0.2)'
                    }, {
                        offset: 1,
                        color: 'rgba(199, 37, 50,0.2)'
                    }], false)
                }
            },
            markLine: { //数据标准线
                data: [{
                    name: '标准值为80', //数值名称
                    yAxis: 80 //数值大小
                }, ],
                label: {
                    normal: {
                        show: true, //是否显示数值
                        formatter:'合格率80%'
                    }
                },
                lineStyle: {
                    normal: {
                        color: 'green', //标准线颜色
                        width: 2 //标准线宽度
                    }
                },
            },
            smooth: true,
            itemStyle: {
                normal: {
                    areaStyle: {
                        type: 'default'
                    }
                }
            },
            data: [100, 90, 95, 100, 88, 85, 87, 79, 92, 94, 89, 85]
        },
        {
            name: '当前班级',
            type: 'line',
            areaStyle: {
                normal: {
                    type: 'default',
                    color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
                        offset: 0,
                        color: 'rgba(19, 37, 250,0.2)'
                    }, {
                        offset: 1,
                        color: 'rgba(19, 37, 250,0.2)'
                    }], false)
                }
            },
            smooth: true,
            itemStyle: {
                normal: {
                    areaStyle: {
                        type: 'default'
                    }
                }
            },
            data: [50, 40, 35, 58, 45, 56, 60, 65, 37, 46, 54, 37]
        }
    ]
};