你不知道的echarts

散点图

option = {
      grid: {
        top: 4, //表距离顶部的距离
        left: 2, //表距离左边的距离
        bottom: 10,
        right: 10,
        containLabel: true
    },
    // X轴的数据
    xAxis: {
      axisLine:{
        lineStyle:{
          color:'#00FFF5' //横坐标的颜色
        }
      }
    },
    // 圆点的颜色
    color: ['#7460ee', '#66cd2e'],
    // Y轴的数据
    yAxis: {
      axisLine:{
        lineStyle:{
          color:'#00FFF5' //纵坐标的颜色
        }
      }
    },
    // 数据系列，一个图表可能包含多个系列，每一个系列可能包含多个数据
    series: [
        {
            name: '单证时间',
            type: 'scatter',
            // 是否开启鼠标 hover 的提示动画效果
            hoverAnimation: false,
            symbolSize: 20,
            data: [
                [10.0, 8.04],
                [8.0, 3.95],
                [13.0, 6.58],
                [9.0, 8.81],
                [11.0, 8.33],
                [14.0, 9.96],
                [6.0, 7.24],
                [4.0, 4.26],
                [12.0, 10.84],
                [7.0, 4.82],
                [5.0, 5.68]
            ],
        },
        {
            name: '记账时间',
            type: 'scatter',
            // 是否开启鼠标 hover 的提示动画效果
            hoverAnimation: false,
            data: [
                [4.0, 8.04],
                [5.0, 6.95],
                [3.0, 6.58],
                [6.0, 8.81],
                [5.0, 8.33],
                [14.0, 9.96],
                [6.0, 7.24],
                [4.0, 4.26],
                [12.0, 10.84],
                [7.0, 4.82],
                [5.0, 5.68]
            ],
        }
      ]
    }