你不知道的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]
            ],
        }
      ]
    }