就学难题echarts scatter配置项内容和展示

      option = {
    backgroundColor: '#0254a5',
    color: ['#23cbe5'],
    grid: {
        left: '6%',
        bottom: '10%',
        top: '70',
        width: '89%'
    },
    xAxis: {
        type: 'category',
        data: ['学前教育', '小学', '初中', '中职', '普通高中', '高等教育', '特殊教育'],
        axisTick: {
            alignWithLabel: true
        },
        axisLine: {
            lineStyle: {
                color: '#fff'
            }
        },
        axisLabel: {
            formatter: '{value}',
            textStyle: {
                fontSize: 32,
                color: '#fff'
            }
        }
    },
    yAxis: {
        type: 'value',
        axisLine: {
            lineStyle: {
                color: '#fff'
            }
        },
        axisLabel: {
            formatter: '{value}',
            textStyle: {
                fontSize: 32,
                color: '#fff'
            }
        }
    },
    series: [

        {
            name: '',
            type: 'scatter',
            data: [
                ["学前教育", 67],
                ['小学', 271],
                ['初中', 59],
                ['中职', 70],
                ['普通高中', 102],
                ['高等教育', 10],
                ['特殊教育', 2]
            ],
            symbolSize: function(data) {
                return Math.sqrt(data[1]) / 0.15;
            },
            itemStyle: {
                normal: {
                    color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
                        offset: 0,
                        color: '#fff'
                    }, {
                        offset: 0.7,
                        color: '#81fffa'
                    }, {
                        offset: 1,
                        color: '#11fff6'
                    }], false),
                    borderColor: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{
                        offset: 0,
                        color: '#fff'
                    }, {
                        offset: 0.7,
                        color: '#81fffa'
                    }, {
                        offset: 1,
                        color: '#11fff6'
                    }], false),
                    shadowColor: 'rgba255,255,255, 0.5)',
                    shadowBlur: 100
                }
            },
            label: {
                normal: {
                    show: true,
                    position: 'top',
                    formatter: function(params) {
                        return params.value[1]
                    },
                    color:'#fff',
                    fontSize:22
                }

            }
        }


    ]
};