echarts scatter散点图 简单设置

用echarts写了个简单的散点图

该散点图设置了两条标准线：x=10 和 y=10

具体代码：

option = { 
    title : {
                left: 'center',
                show: false
            },
            grid: {
                left: '3%',
                right: '5%',
                bottom: '5%',
                containLabel: true
            },
            tooltip : {
                showDelay : 0,
                formatter : function (params) { //格式化鼠标移上去显示内容样式
                    if (params.value.length > 1) {
                        return params.value[2] ;
                    }
                    
                },
                backgroundColor: '#fff', //气泡背景色
                textStyle: { //文字样式
                    color: '#333'
                },
                borderColor:'#CBCBCB',//气泡边框颜色
                borderWidth:1,//气泡边框款
                extraCssText: 'box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);'//API中的让气泡带有阴影的效果
            },
            xAxis : [
                {
                    type : 'value',
                    scale:false,
                    axisLabel : {
                        formatter: '{value}%'
                    },
                    axisTick:{ //刻度线样式
                        show: false
                    }
                }
            ],
            yAxis : [
                {
                    type : 'value',
                    scale:false,
                    axisLabel : {
                        formatter: '{value}'
                    },
                    axisTick:{
                        show: false
                    }
                }
            ],
            series : [
                {
                    type:'scatter',
                    data:  [
                            [10.0, 8.04,'point1'],
                            [8.0, 6.95,'point2'],
                            [13.0, 7.58,'point3'],
                            [9.0, 8.81,'point4'],
                            [11.0, 8.33,'point5']
                        ],
                    itemStyle:{ //当前数据的样式
                      normal:{color:'#556EAA'}
                  }
                },
                {
                    type:'scatter',
                    data:  [
                            [10.0, 11.2,'point6'],
                            [12.5, 16.3,'point7'],
                            [14.1, 10.2,'point8'],
                            [11.0, 12.0,'point9'],
                            [11.0, 13.1,'point10']
                        ],
                    itemStyle:{
                      normal:{color:'#DB442D'}
                    },
                    markLine : {//标记线设置
                        lineStyle: {
                            normal: {
                                type: 'solid'
                            }
                        },
                        symbolSize:0,//控制箭头和原点的大小、官方默认的标准线会带远点和箭头
                        data : [ //设置两条标准线——x=10 和 y=10
                            { xAxis: 10 },
                            { yAxis: 10 }
                        ]
                    }
                }
            ]
         };