ECHATS笔记 散点图_js的echart的散点图 data 的结构描述-程序员宅基地

技术标签: 入门学习  js  

一.散点图

在散点图中

  1. x轴和y轴都是value的类型
  2. 自己的series中的类型是scatter,传入的data数据必须是二维数据
  3. 传入的数据放在series中的data
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
  <script src="lib/echarts.min.js"></script>
</head>

<body>
  <div style="width: 600px;height:400px"></div>
  <script>
    //1. ECharts最基本的代码结构
    //2. x轴和y轴数据 二维数组 [ [身高,体重],...   ]
    //3. 将type的值设置为scatter, x轴和y轴的type都是value
    var data = [{
     "gender": "female", "height": 161.2, "weight": 51.6 }, {
     "gender": "female", "height": 167.5, "weight": 59 }, {
     "gender": "female", "height": 159.5, "weight": 49.2 }, {
     "gender": "female", "height": 157, "weight": 63 }, {
     "gender": "female", "height": 155.8, "weight": 53.6 }, {
     "gender": "female", "height": 170, "weight": 59 }, {
     "gender": "female", "height": 159.1, "weight": 47.6 }, {
     "gender": "female", "height": 166, "weight": 69.8 }, {
     "gender": "female", "height": 176.2, "weight": 66.8 }, {
     "gender": "female", "height": 160.2, "weight": 75.2 }, {
     "gender": "female", "height": 172.5, "weight": 55.2 }, {
     "gender": "female", "height": 170.9, "weight": 54.2 }, {
     "gender": "female", "height": 172.9, "weight": 62.5 }, {
     "gender": "female", "height": 153.4, "weight": 42 }, {
     "gender": "female", "height": 160, "weight": 50 }, {
     "gender": "female", "height": 147.2, "weight": 49.8 }, {
     "gender": "female", "height": 168.2, "weight": 49.2 }, {
     "gender": "female", "height": 175, "weight": 73.2 }, {
     "gender": "female", "height": 157, "weight": 47.8 }, {
     "gender": "female", "height": 167.6, "weight": 68.8 }, {
     "gender": "female", "height": 159.5, "weight": 50.6 }, {
     "gender": "female", "height": 175, "weight": 82.5 }, {
     "gender": "female", "height": 166.8, "weight": 57.2 }, {
     "gender": "female", "height": 176.5, "weight": 87.8 }, {
     "gender": "female", "height": 170.2, "weight": 72.8 }, {
     "gender": "female", "height": 174, "weight": 54.5 }, {
     "gender": "female", "height": 173, "weight": 59.8 }, {
     "gender": "female", "height": 179.9, "weight": 67.3 }, {
     "gender": "female", "height": 170.5, "weight": 67.8 }, {
     "gender": "female", "height": 160, "weight": 47 }, {
     "gender": "female", "height": 154.4, "weight": 46.2 }, {
     "gender": "female", "height": 162, "weight": 55 }, {
     "gender": "female", "height": 176.5, "weight": 83 }, {
     "gender": "female", "height": 160, "weight": 54.4 }, {
     "gender": "female", "height": 152, "weight": 45.8 }, {
     "gender": "female", "height": 162.1, "weight": 53.6 }, {
     "gender": "female", "height": 170, "weight": 73.2 }, {
     "gender": "female", "height": 160.2, "weight": 52.1 }, {
     "gender": "female", "height": 161.3, "weight": 67.9 }, {
     "gender": "female", "height": 166.4, "weight": 56.6 }, {
     "gender": "female", "height": 168.9, "weight": 62.3 }, {
     "gender": "female", "height": 163.8, "weight": 58.5 }, {
     "gender": "female", "height": 167.6, "weight": 54.5 }, {
     "gender": "female", "height": 160, "weight": 50.2 }, {
     "gender": "female", "height": 161.3, "weight": 60.3 }, {
     "gender": "female", "height": 167.6, "weight": 58.3 }, {
     "gender": "female", "height": 165.1, "weight": 56.2 }, {
     "gender": "female", "height": 160, "weight": 50.2 }, {
     "gender": "female", "height": 170, "weight": 72.9 }, {
     "gender": "female", "height": 157.5, "weight": 59.8 }, {
     "gender": "female", "height": 167.6, "weight": 61 }, {
     "gender": "female", "height": 160.7, "weight": 69.1 }, {
     "gender": "female", "height": 163.2, "weight": 55.9 }, {
     "gender": "female", "height": 152.4, "weight": 46.5 }, {
     "gender": "female", "height": 157.5, "weight": 54.3 }, {
     "gender": "female", "height": 168.3, "weight": 54.8 }, {
     "gender": "female", "height": 180.3, "weight": 60.7 }, {
     "gender": "female", "height": 165.5, "weight": 60 }, {
     "gender": "female", "height": 165, "weight": 62 }, {
     "gender": "female", "height": 164.5, "weight": 60.3 }, {
     "gender": "female", "height": 156, "weight": 52.7 }, {
     "gender": "female", "height": 160, "weight": 74.3 }, {
     "gender": "female", "height": 163, "weight": 62 }, {
     "gender": "female", "height": 165.7, "weight": 73.1 }, {
     "gender": "female", "height": 161, "weight": 80 }, {
     "gender": "female", "height": 162, "weight": 54.7 }, {
     "gender": "female", "height": 166, "weight": 53.2 }, {
     "gender": "female", "height": 174, "weight": 75.7 }, {
     "gender": "female", "height": 172.7, "weight": 61.1 }, {
     "gender": "female", "height": 167.6, "weight": 55.7 }, {
     "gender": "female", "height": 151.1, "weight": 48.7 }, {
     "gender": "female", "height": 164.5, "weight": 52.3 }, {
     "gender": "female", "height": 163.5, "weight": 50 }, {
     "gender": "female", "height": 152, "weight": 59.3 }, {
     "gender": "female", "height": 169, "weight": 62.5 }, {
     "gender": "female", "height": 164, "weight": 55.7 }, {
     "gender": "female", "height": 161.2, "weight": 54.8 }, {
     "gender": "female", "height": 155, "weight": 45.9 }, {
     "gender": "female", "height": 170, "weight": 70.6 }, {
     "gender": "female", "height": 176.2, "weight": 67.2 }, {
     "gender": "female", "height": 170, "weight": 69.4 }, {
     "gender": "female", "height": 162.5, "weight": 58.2 }, {
     "gender": "female", "height": 170.3, "weight": 64.8 }, {
     "gender": "female", "height": 164.1, "weight": 71.6 }, {
     "gender": "female", "height": 169.5, "weight": 52.8 }, {
     "gender": "female", "height": 163.2, "weight": 59.8 }, {
     "gender": "female", "height": 154.5, "weight": 49 }, {
     "gender": "female", "height": 159.8, "weight": 50 }, {
     "gender": "female", "height": 173.2, "weight": 69.2 }, {
     "gender": "female", "height": 170, "weight": 55.9 }, {
     "gender": "female", "height": 161.4, "weight": 63.4 }, {
     "gender": "female", "height": 169, "weight": 58.2 }, {
     "gender": "female", "height": 166.2, "weight": 58.6 }, {
     "gender": "female", "height": 159.4, "weight": 45.7 }, {
     "gender": "female", "height": 162.5, "weight": 52.2 }, {
     "gender": "female", "height": 159, "weight": 48.6 }, {
     "gender": "female", "height": 162.8, "weight": 57.8 }, {
     "gender": "female", "height": 159, "weight": 55.6 }, {
     "gender": "female", "height": 179.8, "weight": 66.8 }, {
     "gender": "female", "height": 162.9, "weight": 59.4 }, {
     "gender": "female", "height": 161, "weight": 53.6 }, {
     "gender": "female", "height": 151.1, "weight": 73.2 }, {
     "gender": "female", "height": 168.2, "weight": 53.4 }, {
     "gender": "female", "height": 168.9, "weight": 69 }, {
     "gender": "female", "height": 173.2, "weight": 58.4 }, {
     "gender": "female", "height": 171.8, "weight": 56.2 }, {
     "gender": "female", "height": 178, "weight": 70.6 }, {
     "gender": "female", "height": 164.3, "weight": 59.8 }, {
     "gender": "female", "height": 163, "weight": 72 }, {
     "gender": "female", "height": 168.5, "weight": 65.2 }, {
     "gender": "female", "height": 166.8, "weight": 56.6 }, {
     "gender": "female", "height": 172.7, "weight": 105.2 }, {
     "gender": "female", "height": 163.5, "weight": 51.8 }, {
     "gender": "female", "height": 169.4, "weight": 63.4 }, {
     "gender": "female", "height": 167.8, "weight": 59 }, {
     "gender": "female", "height": 159.5, "weight": 47.6 }, {
     "gender": "female", "height": 167.6, "weight": 63 }, {
     "gender": "female", "height": 161.2, "weight": 55.2 }, {
     "gender": "female", "height": 160, "weight": 45 }, {
     "gender": "female", "height": 163.2, "weight": 54 }, {
     "gender": "female", "height": 162.2, "weight": 50.2 }, {
     "gender": "female", "height": 161.3, "weight": 60.2 }, {
     "gender": "female", "height": 149.5, "weight": 44.8 }, {
     "gender": "female", "height": 157.5, "weight": 58.8 }, {
     "gender": "female", "height": 163.2, "weight": 56.4 }, {
     "gender": "female", "height": 172.7, "weight": 62 }, {
     "gender": "female", "height": 155, "weight": 49.2 }, {
     "gender": "female", "height": 156.5, "weight": 67.2 }, {
     "gender": "female", "height": 164, "weight": 53.8 }, {
     "gender": "female", "height": 160.9, "weight": 54.4 }, {
     "gender": "female", "height": 162.8, "weight": 58 }, {
     "gender": "female", "height": 167, "weight": 59.8 }, {
     "gender": "female", "height": 160, "weight": 54.8 }, {
     "gender": "female", "height": 160, "weight": 43.2 }, {
     "gender": "female", "height": 168.9, "weight": 60.5 }, {
     "gender": "female", "height": 158.2, "weight": 46.4 }, {
     "gender": "female", "height": 156, "weight": 64.4 }, {
     "gender": "female", "height": 160, "weight": 48.8 }, {
     "gender": "female", "height": 167.1, "weight": 62.2 }, {
     "gender": "female", "height": 158, "weight": 55.5 }, {
     "gender": "female", "height": 167.6, "weight": 57.8 }, {
     "gender": "female", "height": 156, "weight": 54.6 }, {
     "gender": "female", "height": 162.1, "weight": 59.2 }, {
     "gender": "female", "height": 173.4, "weight": 52.7 }, {
     "gender": "female", "height": 159.8, "weight": 53.2 }, {
     "gender": "female", "height": 170.5, "weight": 64.5 }, {
     "gender": "female", "height": 159.2, "weight": 51.8 }, {
     "gender": "female", "height": 157.5, "weight": 56 }, {
     "gender": "female", "height": 161.3, "weight": 63.6 }, {
     "gender": "female", "height": 162.6, "weight": 63.2 }, {
     "gender": "female", "height": 160, "weight": 59.5 }, {
     "gender": "female", "height": 168.9, "weight": 56.8 }, {
     "gender": "female", "height": 165.1, "weight": 64.1 }, {
     "gender": "female", "height": 162.6, "weight": 50 }, {
     "gender": "female", "height": 165.1, "weight": 72.3 }, {
     "gender": "female", "height": 166.4, "weight": 55 }, {
     "gender": "female", "height": 160, "weight": 55.9 }, {
     "gender": "female", "height": 152.4, "weight": 60.4 }, {
     "gender": "female", "height": 170.2, "weight": 69.1 }, {
     "gender": "female", "height": 162.6, "weight": 84.5 }, {
     "gender": "female", "height": 170.2, "weight": 55.9 }, {
     "gender": "female", "height": 158.8, "weight": 55.5 }, {
     "gender": "female", "height": 172.7, "weight": 69.5 }, {
     "gender": "female", "height": 167.6, "weight": 76.4 }, {
     "gender": "female", "height": 162.6, "weight": 61.4 }, {
     "gender": "female", "height": 167.6, "weight": 65.9 }, {
     "gender": "female", "height": 156.2, "weight": 58.6 }, {
     "gender": "female", "height": 175.2, "weight": 66.8 }, {
     "gender": "female", "height": 172.1, "weight": 56.6 }, {
     "gender": "female", "height": 162.6, "weight": 58.6 }, {
     "gender": "female", "height": 160, "weight": 55.9 }, {
     "gender": "female", "height": 165.1, "weight": 59.1 }, {
     "gender": "female", "height": 182.9, "weight": 81.8 }, {
     "gender": "female", "height": 166.4, "weight": 70.7 }, {
     "gender": "female", "height": 165.1, "weight": 56.8 }, {
     "gender": "female", "height": 177.8, "weight": 60 }, {
     "gender": "female", "height": 165.1, "weight": 58.2 }, {
     "gender": "female", "height": 175.3, "weight": 72.7 }, {
     "gender": "female", "height": 154.9, "weight": 54.1 }, {
     "gender": "female", "height": 158.8, "weight": 49.1 }, {
     "gender": "female", "height": 172.7, "weight": 75.9 }, {
     "gender": "female", "height": 168.9, "weight": 55 }, {
     "gender": "female", "height": 161.3, "weight": 57.3 }, {
     "gender": "female", "height": 167.6, "weight": 55 }, {
     "gender": "female", "height": 165.1, "weight": 65.5 }, {
     "gender": "female", "height": 175.3, "weight": 65.5 }, {
     "gender": "female", "height": 157.5, "weight": 48.6 }, {
     "gender": "female", "height": 163.8, "weight": 58.6 }, {
     "gender": "female", "height": 167.6, "weight": 63.6 }, {
     "gender": "female", "height": 165.1, "weight": 55.2 }, {
     "gender": "female", "height": 165.1, "weight": 62.7 }, {
     "gender": "female", "height": 168.9, "weight": 56.6 }, {
     "gender": "female", "height": 162.6, "weight": 53.9 }, {
     "gender": "female", "height": 164.5, "weight": 63.2 }, {
     "gender": "female", "height": 176.5, "weight": 73.6 }, {
     "gender": "female", "height": 168.9, "weight": 62 }, {
     "gender": "female", "height": 175.3, "weight": 63.6 }, {
     "gender": "female", "height": 159.4, "weight": 53.2 }, {
     "gender": "female", "height": 160, "weight": 53.4 }, {
     "gender": "female", "height": 170.2, "weight": 55 }, {
     "gender": "female", "height": 162.6, "weight": 70.5 }, {
     "gender": "female", "height": 167.6, "weight": 54.5 }, {
     "gender": "female", "height": 162.6, "weight": 54.5 }, {
     "gender": "female", "height": 160.7, "weight": 55.9 }, {
     "gender": "female", "height": 160, "weight": 59 }, {
     "gender": "female", "height": 157.5, "weight": 63.6 }, {
     "gender": "female", "height": 162.6, "weight": 54.5 }, {
     "gender": "female", "height": 152.4, "weight": 47.3 }, {
     "gender": "female", "height": 170.2, "weight": 67.7 }, {
     "gender": "female", "height": 165.1, "weight": 80.9 }, {
     "gender": "female", "height": 172.7, "weight": 70.5 }, {
     "gender": "female", "height": 165.1, "weight": 60.9 }, {
     "gender": "female", "height": 170.2, "weight": 63.6 }, {
     "gender": "female", "height": 170.2, "weight": 54.5 }, {
     "gender": "female", "height": 170.2, "weight": 59.1 }, {
     "gender": "female", "height": 161.3, "weight": 70.5 }, {
     "gender": "female", "height": 167.6, "weight": 52.7 }, {
     "gender": "female", "height": 167.6, "weight": 62.7 }, {
     "gender": "female", "height": 165.1, "weight": 86.3 }, {
     "gender": "female", "height": 162.6, "weight": 66.4 }, {
     "gender": "female", "height": 152.4, "weight": 67.3 }, {
     "gender": "female", "height": 168.9, "weight": 63 }, {
     "gender": "female", "height": 170.2, "weight": 73.6 }, {
     "gender": "female", "height": 175.2, "weight": 62.3 }, {
     "gender": "female", "height": 175.2, "weight": 57.7 }, {
     "gender": "female", "height": 160, "weight": 55.4 }, {
     "gender": "female", "height": 165.1, "weight": 104.1 }, {
     "gender": "female", "height": 174, "weight": 55.5 }, {
     "gender": "female", "height": 170.2, "weight": 77.3 }, {
     "gender": "female", "height": 160, "weight": 80.5 }, {
     "gender": "female", "height": 167.6, "weight": 64.5 }, {
     "gender": "female", "height": 167.6, "weight": 72.3 }, {
     "gender": "female", "height": 167.6, "weight": 61.4 }, {
     "gender": "female", "height": 154.9, "weight": 58.2 }, {
     "gender": "female", "height": 162.6, "weight": 81.8 }, {
     "gender": "female", "height": 175.3, "weight": 63.6 }, {
     "gender": "female", "height": 171.4, "weight": 53.4 }, {
     "gender": "female", "height": 157.5, "weight": 54.5 }, {
     "gender": "female", "height": 165.1, "weight": 53.6 }, {
     "gender": "female", "height": 160, "weight": 60 }, {
     "gender": "female", "height": 174, "weight": 73.6 }, {
     "gender": "female", "height": 162.6, "weight": 61.4 }, {
     "gender": "female", "height": 174, "weight": 55.5 }, {
     "gender": "female", "height": 162.6, "weight": 63.6 }, {
     "gender": "female", "height": 161.3, "weight": 60.9 }, {
     "gender": "female", "height": 156.2, "weight": 60 }, {
     "gender": "female", "height": 149.9, "weight": 46.8 }, {
     "gender": "female", "height": 169.5, "weight": 57.3 }, {
     "gender": "female", "height": 160, "weight": 64.1 }, {
     "gender": "female", "height": 175.3, "weight": 63.6 }, {
     "gender": "female", "height": 169.5, "weight": 67.3 }, {
     "gender": "female", "height": 160, "weight": 75.5 }, {
     "gender": "female", "height": 172.7, "weight": 68.2 }, {
     "gender": "female", "height": 162.6, "weight": 61.4 }, {
     "gender": "female", "height": 157.5, "weight": 76.8 }, {
     "gender": "female", "height": 176.5, "weight": 71.8 }, {
     "gender": "female", "height": 164.4, "weight": 55.5 }, {
     "gender": "female", "height": 160.7, "weight": 48.6 }, {
     "gender": "female", "height": 174, "weight": 66.4 }, {
     "gender": "female", "height": 163.8, "weight": 67.3 }, {
     "gender": "male", "height": 174, "weight": 65.6 }, {
     "gender": "male", "height": 175.3, "weight": 71.8 }, {
     "gender": "male", "height": 193.5, "weight": 80.7 }, {
     "gender": "male", "height": 186.5, "weight": 72.6 }, {
     "gender": "male", "height": 187.2, "weight": 78.8 }, {
     "gender": "male", "height": 181.5, "weight": 74.8 }, {
     "gender": "male", "height": 184, "weight": 86.4 }, {
     "gender": "male", "height": 184.5, "weight": 78.4 }, {
     "gender": "male", "height": 175, "weight": 62 }, {
     "gender": "male", "height": 184, "weight": 81.6 }, {
     "gender": "male", "height": 180, "weight": 76.6 }, {
     "gender": "male", "height": 177.8, "weight": 83.6 }, {
     "gender": "male", "height": 192, "weight": 90 }, {
     "gender": "male", "height": 176, "weight": 74.6 }, {
     "gender": "male", "height": 174, "weight": 71 }, {
     "gender": "male", "height": 184, "weight": 79.6 }, {
     "gender": "male", "height": 192.7, "weight": 93.8 }, {
     "gender": "male", "height": 171.5, "weight": 70 }, {
     "gender": "male", "height": 173, "weight": 72.4 }, {
     "gender": "male", "height": 176, "weight": 85.9 }, {
     "gender": "male", "height": 176, "weight": 78.8 }, {
     "gender": "male", "height": 180.5, "weight": 77.8 }, {
     "gender": "male", "height": 172.7, "weight": 66.2 }, {
     "gender": "male", "height": 176, "weight": 86.4 }, {
     "gender": "male", "height": 173.5, "weight": 81.8 }, {
     "gender": "male", "height": 178, "weight": 89.6 }, {
     "gender": "male", "height": 180.3, "weight": 82.8 }, {
     "gender": "male", "height": 180.3, "weight": 76.4 }, {
     "gender": "male", "height": 164.5, "weight": 63.2 }, {
     "gender": "male", "height": 173, "weight": 60.9 }, {
     "gender": "male", "height": 183.5, "weight": 74.8 }, {
     "gender": "male", "height": 175.5, "weight": 70 }, {
     "gender": "male", "height": 188, "weight": 72.4 }, {
     "gender": "male", "height": 189.2, "weight": 84.1 }, {
     "gender": "male", "height": 172.8, "weight": 69.1 }, {
     "gender": "male", "height": 170, "weight": 59.5 }, {
     "gender": "male", "height": 182, "weight": 67.2 }, {
     "gender": "male", "height": 170, "weight": 61.3 }, {
     "gender": "male", "height": 177.8, "weight": 68.6 }, {
     "gender": "male", "height": 184.2, "weight": 80.1 }, {
     "gender": "male", "height": 186.7, "weight": 87.8 }, {
     "gender": "male", "height": 171.4, "weight": 84.7 }, {
     "gender": "male", "height": 172.7, "weight": 73.4 }, {
     "gender": "male", "height": 175.3, "weight": 72.1 }, {
     "gender": "male", "height": 180.3, "weight": 82.6 }, {
     "gender": "male", "height": 182.9, "weight": 88.7 }, {
     "gender": "male", "height": 188, "weight": 84.1 }, {
     "gender": "male", "height": 177.2, "weight": 94.1 }, {
     "gender": "male", "height": 172.1, "weight": 74.9 }, {
     "gender": "male", "height": 167, "weight": 59.1 }, {
     "gender": "male", "height": 169.5, "weight": 75.6 }, {
     "gender": "male", "height": 174, "weight": 86.2 }, {
     "gender": "male", "height": 172.7, "weight": 75.3 }, {
     "gender": "male", "height": 182.2, "weight": 87.1 }, {
     "gender": "male", "height": 164.1, "weight": 55.2 }, {
     "gender": "male", "height": 163, "weight": 57 }, {
     "gender": "male", "height": 171.5, "weight": 61.4 }, {
     "gender": "male", "height": 184.2, "weight": 76.8 }, {
     "gender": "male", "height": 174, "weight": 86.8 }, {
     "gender": "male", "height": 174, "weight": 72.2 }, {
     "gender": "male", "height": 177, "weight": 71.6 }, {
     "gender": "male", "height": 186, "weight": 84.8 }, {
     "gender": "male", "height": 167, "weight": 68.2 }, {
     "gender": "male", "height": 171.8, "weight": 66.1 }, {
     "gender": "male", "height": 182, "weight": 72 }, {
     "gender": "male", "height": 167, "weight": 64.6 }, {
     "gender": "male", "height": 177.8, "weight": 74.8 }, {
     "gender": "male", "height": 164.5, "weight": 70 }, {
     "gender": "male", "height": 192, "weight": 101.6 }, {
     "gender": "male", "height": 175.5, "weight": 63.2 }, {
     "gender": "male", "height": 171.2, "weight": 79.1 }, {
     "gender": "male", "height": 181.6, "weight": 78.9 }, {
     "gender": "male", "height": 167.4, "weight": 67.7 }, {
     "gender": "male", "height": 181.1, "weight": 66 }, {
     "gender": "male", "height": 177, "weight": 68.2 }, {
     "gender": "male", "height": 174.5, "weight": 63.9 }, {
     "gender": "male", "height": 177.5, "weight": 72 }, {
     "gender": "male", "height": 170.5, "weight": 56.8 }, {
     "gender": "male", "height": 182.4, "weight": 74.5 }, {
     "gender": "male", "height": 197.1, "weight": 90.9 }, {
     "gender": "male", "height": 180.1, "weight": 93 }, {
     "gender": "male", "height": 175.5, "weight": 80.9 }, {
     "gender": "male", "height": 180.6, "weight": 72.7 }, {
     "gender": "male", "height": 184.4, "weight": 68 }, {
     "gender": "male", "height": 175.5, "weight": 70.9 }, {
     "gender": "male", "height": 180.6, "weight": 72.5 }, {
     "gender": "male", "height": 177, "weight": 72.5 }, {
     "gender": "male", "height": 177.1, "weight": 83.4 }, {
     "gender": "male", "height": 181.6, "weight": 75.5 }, {
     "gender": "male", "height": 176.5, "weight": 73 }, {
     "gender": "male", "height": 175, "weight": 70.2 }, {
     "gender": "male", "height": 174, "weight": 73.4 }, {
     "gender": "male", "height": 165.1, "weight": 70.5 }, {
     "gender": "male", "height": 177, "weight": 68.9 }, {
     "gender": "male", "height": 192, "weight": 102.3 }, {
     "gender": "male", "height": 176.5, "weight": 68.4 }, {
     "gender": "male", "height": 169.4, "weight": 65.9 }, {
     "gender": "male", "height": 182.1, "weight": 75.7 }, {
     "gender": "male", "height": 179.8, "weight": 84.5 }, {
     "gender": "male", "height": 175.3, "weight": 87.7 }, {
     "gender": "male", "height": 184.9, "weight": 86.4 }, {
     "gender": "male", "height": 177.3, "weight": 73.2 }, {
     "gender": "male", "height": 167.4, "weight": 53.9 }, {
     "gender": "male", "height": 178.1, "weight": 72 }, {
     "gender": "male", "height": 168.9, "weight": 55.5 }, {
     "gender": "male", "height": 157.2, "weight": 58.4 }, {
     "gender": "male", "height": 180.3, "weight": 83.2 }, {
     "gender": "male", "height": 170.2, "weight": 72.7 }, {
     "gender": "male", "height": 177.8, "weight": 64.1 }, {
     "gender": "male", "height": 172.7, "weight": 72.3 }, {
     "gender": "male", "height": 165.1, "weight": 65 }, {
     "gender": "male", "height": 186.7, "weight": 86.4 }, {
     "gender": "male", "height": 165.1, "weight": 65 }, {
     "gender": "male", "height": 174, "weight": 88.6 }, {
     "gender": "male", "height": 175.3, "weight": 84.1 }, {
     "gender": "male", "height": 185.4, "weight": 66.8 }, {
     "gender": "male", "height": 177.8, "weight": 75.5 }, {
     "gender": "male", "height": 180.3, "weight": 93.2 }, {
     "gender": "male", "height": 180.3, "weight": 82.7 }, {
     "gender": "male", "height": 177.8, "weight": 58 }, {
     "gender": "male", "height": 177.8, "weight": 79.5 }, {
     "gender": "male", "height": 177.8, "weight": 78.6 }, {
     "gender": "male", "height": 177.8, "weight": 71.8 }, {
     "gender": "male", "height": 177.8, "weight": 116.4 }, {
     "gender": "male", "height": 163.8, "weight": 72.2 }, {
     "gender": "male", "height": 188, "weight": 83.6 }, {
     "gender": "male", "height": 198.1, "weight": 85.5 }, {
     "gender": "male", "height": 175.3, "weight": 90.9 }, {
     "gender": "male", "height": 166.4, "weight": 85.9 }, {
     "gender": "male", "height": 190.5, "weight": 89.1 }, {
     "gender": "male", "height": 166.4, "weight": 75 }, {
     "gender": "male", "height": 177.8, "weight": 77.7 }, {
     "gender": "male", "height": 179.7, "weight": 86.4 }, {
     "gender": "male", "height": 172.7, "weight": 90.9 }, {
     "gender": "male", "height": 190.5, "weight": 73.6 }, {
     "gender": "male", "height": 185.4, "weight": 76.4 }, {
     "gender": "male", "height": 168.9, "weight": 69.1 }, {
     "gender": "male", "height": 167.6, "weight": 84.5 }, {
     "gender": "male", "height": 175.3, "weight": 64.5 }, {
     "gender": "male", "height": 170.2, "weight": 69.1 }, {
     "gender": "male", "height": 190.5, "weight": 108.6 }, {
     "gender": "male", "height": 177.8, "weight": 86.4 }, {
     "gender": "male", "height": 190.5, "weight": 80.9 }, {
     "gender": "male", "height": 177.8, "weight": 87.7 }, {
     "gender": "male", "height": 184.2, "weight": 94.5 }, {
     "gender": "male", "height": 176.5, "weight": 80.2 }, {
     "gender": "male", "height": 177.8, "weight": 72 }, {
     "gender": "male", "height": 180.3, "weight": 71.4 }, {
     "gender": "male", "height": 171.4, "weight": 72.7 }, {
     "gender": "male", "height": 172.7, "weight": 84.1 }, {
     "gender": "male", "height": 172.7, "weight": 76.8 }, {
     "gender": "male", "height": 177.8, "weight": 63.6 }, {
     "gender": "male", "height": 177.8, "weight": 80.9 }, {
     "gender": "male", "height": 182.9, "weight": 80.9 }, {
     "gender": "male", "height": 170.2, "weight": 85.5 }, {
     "gender": "male", "height": 167.6, "weight": 68.6 }, {
     "gender": "male", "height": 175.3, "weight": 67.7 }, {
     "gender": "male", "height": 165.1, "weight": 66.4 }, {
     "gender": "male", "height": 185.4, "weight": 102.3 }, {
     "gender": "male", "height": 181.6, "weight": 70.5 }, {
     "gender": "male", "height": 172.7, "weight": 95.9 }, {
     "gender": "male", "height": 190.5, "weight": 84.1 }, {
     "gender": "male", "height": 179.1, "weight": 87.3 }, {
     "gender": "male", "height": 175.3, "weight": 71.8 }, {
     "gender": "male", "height": 170.2, "weight": 65.9 }, {
     "gender": "male", "height": 193, "weight": 95.9 }, {
     "gender": "male", "height": 171.4, "weight": 91.4 }, {
     "gender": "male", "height": 177.8, "weight": 81.8 }, {
     "gender": "male", "height": 177.8, "weight": 96.8 }, {
     "gender": "male", "height": 167.6, "weight": 69.1 }, {
     "gender": "male", "height": 167.6, "weight": 82.7 }, {
     "gender": "male", "height": 180.3, "weight": 75.5 }, {
     "gender": "male", "height": 182.9, "weight": 79.5 }, {
     "gender": "male", "height": 176.5, "weight": 73.6 }, {
     "gender": "male", "height": 186.7, "weight": 91.8 }, {
     "gender": "male", "height": 188, "weight": 84.1 }, {
     "gender": "male", "height": 188, "weight": 85.9 }, {
     "gender": "male", "height": 177.8, "weight": 81.8 }, {
     "gender": "male", "height": 174, "weight": 82.5 }, {
     "gender": "male", "height": 177.8, "weight": 80.5 }, {
     "gender": "male", "height": 171.4, "weight": 70 }, {
     "gender": "male", "height": 185.4, "weight": 81.8 }, {
     "gender": "male", "height": 185.4, "weight": 84.1 }, {
     "gender": "male", "height": 188, "weight": 90.5 }, {
     "gender": "male", "height": 188, "weight": 91.4 }, {
     "gender": "male", "height": 182.9, "weight": 89.1 }, {
     "gender": "male", "height": 176.5, "weight": 85 }, {
     "gender": "male", "height": 175.3, "weight": 69.1 }, {
     "gender": "male", "height": 175.3, "weight": 73.6 }, {
     "gender": "male", "height": 188, "weight": 80.5 }, {
     "gender": "male", "height": 188, "weight": 82.7 }, {
     "gender": "male", "height": 175.3, "weight": 86.4 }, {
     "gender": "male", "height": 170.5, "weight": 67.7 }, {
     "gender": "male", "height": 179.1, "weight": 92.7 }, {
     "gender": "male", "height": 177.8, "weight": 93.6 }, {
     "gender": "male", "height": 175.3, "weight": 70.9 }, {
     "gender": "male", "height": 182.9, "weight": 75 }, {
     "gender": "male", "height": 170.8, "weight": 93.2 }, {
     "gender": "male", "height": 188, "weight": 93.2 }, {
     "gender": "male", "height": 180.3, "weight": 77.7 }, {
     "gender": "male", "height": 177.8, "weight": 61.4 }, {
     "gender": "male", "height": 185.4, "weight": 94.1 }, {
     "gender": "male", "height": 168.9, "weight": 75 }, {
     "gender": "male", "height": 185.4, "weight": 83.6 }, {
     "gender": "male", "height": 180.3, "weight": 85.5 }, {
     "gender": "male", "height": 174, "weight": 73.9 }, {
     "gender": "male", "height": 167.6, "weight": 66.8 }, {
     "gender": "male", "height": 182.9, "weight": 87.3 }, {
     "gender": "male", "height": 160, "weight": 72.3 }, {
     "gender": "male", "height": 180.3, "weight": 88.6 }, {
     "gender": "male", "height": 167.6, "weight": 75.5 }, {
     "gender": "male", "height": 186.7, "weight": 101.4 }, {
     "gender": "male", "height": 175.3, "weight": 91.1 }, {
     "gender": "male", "height": 175.3, "weight": 67.3 }, {
     "gender": "male", "height": 175.9, "weight": 77.7 }, {
     "gender": "male", "height": 175.3, "weight": 81.8 }, {
     "gender": "male", "height": 179.1, "weight": 75.5 }, {
     "gender": "male", "height": 181.6, "weight": 84.5 }, {
     "gender": "male", "height": 177.8, "weight": 76.6 }, {
     "gender": "male", "height": 182.9, "weight": 85 }, {
     "gender": "male", "height": 177.8, "weight": 102.5 }, {
     "gender": "male", "height": 184.2, "weight": 77.3 }, {
     "gender": "male", "height": 179.1, "weight": 71.8 }, {
     "gender": "male", "height": 176.5, "weight": 87.9 }, {
     "gender": "male", "height": 188, "weight": 94.3 }, {
     "gender": "male", "height": 174, "weight": 70.9 }, {
     "gender": "male", "height": 167.6, "weight": 64.5 }, {
     "gender": "male", "height": 170.2, "weight": 77.3 }, {
     "gender": "male", "height": 167.6, "weight": 72.3 }, {
     "gender": "male", "height": 188, "weight": 87.3 }, {
     "gender": "male", "height": 174, "weight": 80 }, {
     "gender": "male", "height": 176.5, "weight": 82.3 }, {
     "gender": "male", "height": 180.3, "weight": 73.6 }, {
     "gender": "male", "height": 167.6, "weight": 74.1 }, {
     "gender": "male", "height": 188, "weight": 85.9 }, {
     "gender": "male", "height": 180.3, "weight": 73.2 }, {
     "gender": "male", "height": 167.6, "weight": 76.3 }, {
     "gender": "male", "height": 183, "weight": 65.9 }, {
     "gender": "male", "height": 183, "weight": 90.9 }, {
     "gender": "male", "height": 179.1, "weight": 89.1 }, {
     "gender": "male", "height": 170.2, "weight": 62.3 }, {
     "gender": "male", "height": 177.8, "weight": 82.7 }, {
     "gender": "male", "height": 179.1, "weight": 79.1 }, {
     "gender": "male", "height": 190.5, "weight": 98.2 }, {
     "gender": "male", "height": 177.8, "weight": 84.1 }, {
     "gender": "male", "height": 180.3, "weight": 83.2 }, {
     "gender": "male", "height": 180.3, "weight": 83.2 }]
    var axisData = []
	
	// 处理数据,将原始数据处理成二维数据
    for( var i=0;i<data.length;i++) {
    
      var height = data[i].height
      var weight = data[i].weight
      var newArr = [height, weight]
      axisData.push(newArr)
    }
    console.log(axisData)
    var mCharts = echarts.init(document.querySelector("div"))
    var option = {
    
      xAxis: {
    
        type: 'value',
        scale: true
      },
      yAxis: {
    
        type: 'value',
        scale: true
      },
      series: [
        {
    
          type: 'scatter', // 指明图表的类型为散点图
          data: axisData
        }
      ]
    }
    mCharts.setOption(option)
  </script>
</body>
</html>

在这里插入图片描述

二.常见效果

全部在serie

  1. 气泡图

arg返回的是数据

symbolSize: function (arg) {
     // 控制散点的大小
            // console.log(arg)
            var height = arg[0] / 100
            var weight = arg[1]
            // bmi = 体重kg / (身高m*身高m)   大于28,就代表肥胖
            var bmi = weight / (height * height)
            if (bmi > 28) {
    
              return 20
            }
            return 5
          },
itemStyle: {
     // 控制散点的样式
            color: function (arg) {
    
              // console.log(arg)
              var height = arg.data[0] / 100
              var weight = arg.data[1]
              // bmi = 体重kg / (身高m*身高m)   大于28,就代表肥胖
              var bmi = weight / (height * height)
              if (bmi > 28) {
    
                return 'red'
              }
              return 'green'
            }
          }

在这里插入图片描述

  1. 涟漪动画
// type: 'scatter',    // 没有涟漪动画
          type: 'effectScatter', // 指明图表为带涟漪动画的散点图
          showEffectOn: 'emphasis', // 出现涟漪动画的时机 render emphasis
          rippleEffect: {
    
            scale: 10 // 涟漪动画时, 散点的缩放比例
          },

在这里插入图片描述

完整代码

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
  <script src="lib/echarts.min.js"></script>
</head>

<body>
  <div style="width: 600px;height:400px"></div>
  <script>
    //1. ECharts最基本的代码结构
    //2. x轴和y轴数据 二维数组 [ [身高,体重],...   ]
    //3. 将type的值设置为scatter, x轴和y轴的type都是value
    var data = [{
     "gender": "female", "height": 161.2, "weight": 51.6 }, {
     "gender": "female", "height": 167.5, "weight": 59 }, {
     "gender": "female", "height": 159.5, "weight": 49.2 }, {
     "gender": "female", "height": 157, "weight": 63 }, {
     "gender": "female", "height": 155.8, "weight": 53.6 }, {
     "gender": "female", "height": 170, "weight": 59 }, {
     "gender": "female", "height": 159.1, "weight": 47.6 }, {
     "gender": "female", "height": 166, "weight": 69.8 }, {
     "gender": "female", "height": 176.2, "weight": 66.8 }, {
     "gender": "female", "height": 160.2, "weight": 75.2 }, {
     "gender": "female", "height": 172.5, "weight": 55.2 }, {
     "gender": "female", "height": 170.9, "weight": 54.2 }, {
     "gender": "female", "height": 172.9, "weight": 62.5 }, {
     "gender": "female", "height": 153.4, "weight": 42 }, {
     "gender": "female", "height": 160, "weight": 50 }, {
     "gender": "female", "height": 147.2, "weight": 49.8 }, {
     "gender": "female", "height": 168.2, "weight": 49.2 }, {
     "gender": "female", "height": 175, "weight": 73.2 }, {
     "gender": "female", "height": 157, "weight": 47.8 }, {
     "gender": "female", "height": 167.6, "weight": 68.8 }, {
     "gender": "female", "height": 159.5, "weight": 50.6 }, {
     "gender": "female", "height": 175, "weight": 82.5 }, {
     "gender": "female", "height": 166.8, "weight": 57.2 }, {
     "gender": "female", "height": 176.5, "weight": 87.8 }, {
     "gender": "female", "height": 170.2, "weight": 72.8 }, {
     "gender": "female", "height": 174, "weight": 54.5 }, {
     "gender": "female", "height": 173, "weight": 59.8 }, {
     "gender": "female", "height": 179.9, "weight": 67.3 }, {
     "gender": "female", "height": 170.5, "weight": 67.8 }, {
     "gender": "female", "height": 160, "weight": 47 }, {
     "gender": "female", "height": 154.4, "weight": 46.2 }, {
     "gender": "female", "height": 162, "weight": 55 }, {
     "gender": "female", "height": 176.5, "weight": 83 }, {
     "gender": "female", "height": 160, "weight": 54.4 }, {
     "gender": "female", "height": 152, "weight": 45.8 }, {
     "gender": "female", "height": 162.1, "weight": 53.6 }, {
     "gender": "female", "height": 170, "weight": 73.2 }, {
     "gender": "female", "height": 160.2, "weight": 52.1 }, {
     "gender": "female", "height": 161.3, "weight": 67.9 }, {
     "gender": "female", "height": 166.4, "weight": 56.6 }, {
     "gender": "female", "height": 168.9, "weight": 62.3 }, {
     "gender": "female", "height": 163.8, "weight": 58.5 }, {
     "gender": "female", "height": 167.6, "weight": 54.5 }, {
     "gender": "female", "height": 160, "weight": 50.2 }, {
     "gender": "female", "height": 161.3, "weight": 60.3 }, {
     "gender": "female", "height": 167.6, "weight": 58.3 }, {
     "gender": "female", "height": 165.1, "weight": 56.2 }, {
     "gender": "female", "height": 160, "weight": 50.2 }, {
     "gender": "female", "height": 170, "weight": 72.9 }, {
     "gender": "female", "height": 157.5, "weight": 59.8 }, {
     "gender": "female", "height": 167.6, "weight": 61 }, {
     "gender": "female", "height": 160.7, "weight": 69.1 }, {
     "gender": "female", "height": 163.2, "weight": 55.9 }, {
     "gender": "female", "height": 152.4, "weight": 46.5 }, {
     "gender": "female", "height": 157.5, "weight": 54.3 }, {
     "gender": "female", "height": 168.3, "weight": 54.8 }, {
     "gender": "female", "height": 180.3, "weight": 60.7 }, {
     "gender": "female", "height": 165.5, "weight": 60 }, {
     "gender": "female", "height": 165, "weight": 62 }, {
     "gender": "female", "height": 164.5, "weight": 60.3 }, {
     "gender": "female", "height": 156, "weight": 52.7 }, {
     "gender": "female", "height": 160, "weight": 74.3 }, {
     "gender": "female", "height": 163, "weight": 62 }, {
     "gender": "female", "height": 165.7, "weight": 73.1 }, {
     "gender": "female", "height": 161, "weight": 80 }, {
     "gender": "female", "height": 162, "weight": 54.7 }, {
     "gender": "female", "height": 166, "weight": 53.2 }, {
     "gender": "female", "height": 174, "weight": 75.7 }, {
     "gender": "female", "height": 172.7, "weight": 61.1 }, {
     "gender": "female", "height": 167.6, "weight": 55.7 }, {
     "gender": "female", "height": 151.1, "weight": 48.7 }, {
     "gender": "female", "height": 164.5, "weight": 52.3 }, {
     "gender": "female", "height": 163.5, "weight": 50 }, {
     "gender": "female", "height": 152, "weight": 59.3 }, {
     "gender": "female", "height": 169, "weight": 62.5 }, {
     "gender": "female", "height": 164, "weight": 55.7 }, {
     "gender": "female", "height": 161.2, "weight": 54.8 }, {
     "gender": "female", "height": 155, "weight": 45.9 }, {
     "gender": "female", "height": 170, "weight": 70.6 }, {
     "gender": "female", "height": 176.2, "weight": 67.2 }, {
     "gender": "female", "height": 170, "weight": 69.4 }, {
     "gender": "female", "height": 162.5, "weight": 58.2 }, {
     "gender": "female", "height": 170.3, "weight": 64.8 }, {
     "gender": "female", "height": 164.1, "weight": 71.6 }, {
     "gender": "female", "height": 169.5, "weight": 52.8 }, {
     "gender": "female", "height": 163.2, "weight": 59.8 }, {
     "gender": "female", "height": 154.5, "weight": 49 }, {
     "gender": "female", "height": 159.8, "weight": 50 }, {
     "gender": "female", "height": 173.2, "weight": 69.2 }, {
     "gender": "female", "height": 170, "weight": 55.9 }, {
     "gender": "female", "height": 161.4, "weight": 63.4 }, {
     "gender": "female", "height": 169, "weight": 58.2 }, {
     "gender": "female", "height": 166.2, "weight": 58.6 }, {
     "gender": "female", "height": 159.4, "weight": 45.7 }, {
     "gender": "female", "height": 162.5, "weight": 52.2 }, {
     "gender": "female", "height": 159, "weight": 48.6 }, {
     "gender": "female", "height": 162.8, "weight": 57.8 }, {
     "gender": "female", "height": 159, "weight": 55.6 }, {
     "gender": "female", "height": 179.8, "weight": 66.8 }, {
     "gender": "female", "height": 162.9, "weight": 59.4 }, {
     "gender": "female", "height": 161, "weight": 53.6 }, {
     "gender": "female", "height": 151.1, "weight": 73.2 }, {
     "gender": "female", "height": 168.2, "weight": 53.4 }, {
     "gender": "female", "height": 168.9, "weight": 69 }, {
     "gender": "female", "height": 173.2, "weight": 58.4 }, {
     "gender": "female", "height": 171.8, "weight": 56.2 }, {
     "gender": "female", "height": 178, "weight": 70.6 }, {
     "gender": "female", "height": 164.3, "weight": 59.8 }, {
     "gender": "female", "height": 163, "weight": 72 }, {
     "gender": "female", "height": 168.5, "weight": 65.2 }, {
     "gender": "female", "height": 166.8, "weight": 56.6 }, {
     "gender": "female", "height": 172.7, "weight": 105.2 }, {
     "gender": "female", "height": 163.5, "weight": 51.8 }, {
     "gender": "female", "height": 169.4, "weight": 63.4 }, {
     "gender": "female", "height": 167.8, "weight": 59 }, {
     "gender": "female", "height": 159.5, "weight": 47.6 }, {
     "gender": "female", "height": 167.6, "weight": 63 }, {
     "gender": "female", "height": 161.2, "weight": 55.2 }, {
     "gender": "female", "height": 160, "weight": 45 }, {
     "gender": "female", "height": 163.2, "weight": 54 }, {
     "gender": "female", "height": 162.2, "weight": 50.2 }, {
     "gender": "female", "height": 161.3, "weight": 60.2 }, {
     "gender": "female", "height": 149.5, "weight": 44.8 }, {
     "gender": "female", "height": 157.5, "weight": 58.8 }, {
     "gender": "female", "height": 163.2, "weight": 56.4 }, {
     "gender": "female", "height": 172.7, "weight": 62 }, {
     "gender": "female", "height": 155, "weight": 49.2 }, {
     "gender": "female", "height": 156.5, "weight": 67.2 }, {
     "gender": "female", "height": 164, "weight": 53.8 }, {
     "gender": "female", "height": 160.9, "weight": 54.4 }, {
     "gender": "female", "height": 162.8, "weight": 58 }, {
     "gender": "female", "height": 167, "weight": 59.8 }, {
     "gender": "female", "height": 160, "weight": 54.8 }, {
     "gender": "female", "height": 160, "weight": 43.2 }, {
     "gender": "female", "height": 168.9, "weight": 60.5 }, {
     "gender": "female", "height": 158.2, "weight": 46.4 }, {
     "gender": "female", "height": 156, "weight": 64.4 }, {
     "gender": "female", "height": 160, "weight": 48.8 }, {
     "gender": "female", "height": 167.1, "weight": 62.2 }, {
     "gender": "female", "height": 158, "weight": 55.5 }, {
     "gender": "female", "height": 167.6, "weight": 57.8 }, {
     "gender": "female", "height": 156, "weight": 54.6 }, {
     "gender": "female", "height": 162.1, "weight": 59.2 }, {
     "gender": "female", "height": 173.4, "weight": 52.7 }, {
     "gender": "female", "height": 159.8, "weight": 53.2 }, {
     "gender": "female", "height": 170.5, "weight": 64.5 }, {
     "gender": "female", "height": 159.2, "weight": 51.8 }, {
     "gender": "female", "height": 157.5, "weight": 56 }, {
     "gender": "female", "height": 161.3, "weight": 63.6 }, {
     "gender": "female", "height": 162.6, "weight": 63.2 }, {
     "gender": "female", "height": 160, "weight": 59.5 }, {
     "gender": "female", "height": 168.9, "weight": 56.8 }, {
     "gender": "female", "height": 165.1, "weight": 64.1 }, {
     "gender": "female", "height": 162.6, "weight": 50 }, {
     "gender": "female", "height": 165.1, "weight": 72.3 }, {
     "gender": "female", "height": 166.4, "weight": 55 }, {
     "gender": "female", "height": 160, "weight": 55.9 }, {
     "gender": "female", "height": 152.4, "weight": 60.4 }, {
     "gender": "female", "height": 170.2, "weight": 69.1 }, {
     "gender": "female", "height": 162.6, "weight": 84.5 }, {
     "gender": "female", "height": 170.2, "weight": 55.9 }, {
     "gender": "female", "height": 158.8, "weight": 55.5 }, {
     "gender": "female", "height": 172.7, "weight": 69.5 }, {
     "gender": "female", "height": 167.6, "weight": 76.4 }, {
     "gender": "female", "height": 162.6, "weight": 61.4 }, {
     "gender": "female", "height": 167.6, "weight": 65.9 }, {
     "gender": "female", "height": 156.2, "weight": 58.6 }, {
     "gender": "female", "height": 175.2, "weight": 66.8 }, {
     "gender": "female", "height": 172.1, "weight": 56.6 }, {
     "gender": "female", "height": 162.6, "weight": 58.6 }, {
     "gender": "female", "height": 160, "weight": 55.9 }, {
     "gender": "female", "height": 165.1, "weight": 59.1 }, {
     "gender": "female", "height": 182.9, "weight": 81.8 }, {
     "gender": "female", "height": 166.4, "weight": 70.7 }, {
     "gender": "female", "height": 165.1, "weight": 56.8 }, {
     "gender": "female", "height": 177.8, "weight": 60 }, {
     "gender": "female", "height": 165.1, "weight": 58.2 }, {
     "gender": "female", "height": 175.3, "weight": 72.7 }, {
     "gender": "female", "height": 154.9, "weight": 54.1 }, {
     "gender": "female", "height": 158.8, "weight": 49.1 }, {
     "gender": "female", "height": 172.7, "weight": 75.9 }, {
     "gender": "female", "height": 168.9, "weight": 55 }, {
     "gender": "female", "height": 161.3, "weight": 57.3 }, {
     "gender": "female", "height": 167.6, "weight": 55 }, {
     "gender": "female", "height": 165.1, "weight": 65.5 }, {
     "gender": "female", "height": 175.3, "weight": 65.5 }, {
     "gender": "female", "height": 157.5, "weight": 48.6 }, {
     "gender": "female", "height": 163.8, "weight": 58.6 }, {
     "gender": "female", "height": 167.6, "weight": 63.6 }, {
     "gender": "female", "height": 165.1, "weight": 55.2 }, {
     "gender": "female", "height": 165.1, "weight": 62.7 }, {
     "gender": "female", "height": 168.9, "weight": 56.6 }, {
     "gender": "female", "height": 162.6, "weight": 53.9 }, {
     "gender": "female", "height": 164.5, "weight": 63.2 }, {
     "gender": "female", "height": 176.5, "weight": 73.6 }, {
     "gender": "female", "height": 168.9, "weight": 62 }, {
     "gender": "female", "height": 175.3, "weight": 63.6 }, {
     "gender": "female", "height": 159.4, "weight": 53.2 }, {
     "gender": "female", "height": 160, "weight": 53.4 }, {
     "gender": "female", "height": 170.2, "weight": 55 }, {
     "gender": "female", "height": 162.6, "weight": 70.5 }, {
     "gender": "female", "height": 167.6, "weight": 54.5 }, {
     "gender": "female", "height": 162.6, "weight": 54.5 }, {
     "gender": "female", "height": 160.7, "weight": 55.9 }, {
     "gender": "female", "height": 160, "weight": 59 }, {
     "gender": "female", "height": 157.5, "weight": 63.6 }, {
     "gender": "female", "height": 162.6, "weight": 54.5 }, {
     "gender": "female", "height": 152.4, "weight": 47.3 }, {
     "gender": "female", "height": 170.2, "weight": 67.7 }, {
     "gender": "female", "height": 165.1, "weight": 80.9 }, {
     "gender": "female", "height": 172.7, "weight": 70.5 }, {
     "gender": "female", "height": 165.1, "weight": 60.9 }, {
     "gender": "female", "height": 170.2, "weight": 63.6 }, {
     "gender": "female", "height": 170.2, "weight": 54.5 }, {
     "gender": "female", "height": 170.2, "weight": 59.1 }, {
     "gender": "female", "height": 161.3, "weight": 70.5 }, {
     "gender": "female", "height": 167.6, "weight": 52.7 }, {
     "gender": "female", "height": 167.6, "weight": 62.7 }, {
     "gender": "female", "height": 165.1, "weight": 86.3 }, {
     "gender": "female", "height": 162.6, "weight": 66.4 }, {
     "gender": "female", "height": 152.4, "weight": 67.3 }, {
     "gender": "female", "height": 168.9, "weight": 63 }, {
     "gender": "female", "height": 170.2, "weight": 73.6 }, {
     "gender": "female", "height": 175.2, "weight": 62.3 }, {
     "gender": "female", "height": 175.2, "weight": 57.7 }, {
     "gender": "female", "height": 160, "weight": 55.4 }, {
     "gender": "female", "height": 165.1, "weight": 104.1 }, {
     "gender": "female", "height": 174, "weight": 55.5 }, {
     "gender": "female", "height": 170.2, "weight": 77.3 }, {
     "gender": "female", "height": 160, "weight": 80.5 }, {
     "gender": "female", "height": 167.6, "weight": 64.5 }, {
     "gender": "female", "height": 167.6, "weight": 72.3 }, {
     "gender": "female", "height": 167.6, "weight": 61.4 }, {
     "gender": "female", "height": 154.9, "weight": 58.2 }, {
     "gender": "female", "height": 162.6, "weight": 81.8 }, {
     "gender": "female", "height": 175.3, "weight": 63.6 }, {
     "gender": "female", "height": 171.4, "weight": 53.4 }, {
     "gender": "female", "height": 157.5, "weight": 54.5 }, {
     "gender": "female", "height": 165.1, "weight": 53.6 }, {
     "gender": "female", "height": 160, "weight": 60 }, {
     "gender": "female", "height": 174, "weight": 73.6 }, {
     "gender": "female", "height": 162.6, "weight": 61.4 }, {
     "gender": "female", "height": 174, "weight": 55.5 }, {
     "gender": "female", "height": 162.6, "weight": 63.6 }, {
     "gender": "female", "height": 161.3, "weight": 60.9 }, {
     "gender": "female", "height": 156.2, "weight": 60 }, {
     "gender": "female", "height": 149.9, "weight": 46.8 }, {
     "gender": "female", "height": 169.5, "weight": 57.3 }, {
     "gender": "female", "height": 160, "weight": 64.1 }, {
     "gender": "female", "height": 175.3, "weight": 63.6 }, {
     "gender": "female", "height": 169.5, "weight": 67.3 }, {
     "gender": "female", "height": 160, "weight": 75.5 }, {
     "gender": "female", "height": 172.7, "weight": 68.2 }, {
     "gender": "female", "height": 162.6, "weight": 61.4 }, {
     "gender": "female", "height": 157.5, "weight": 76.8 }, {
     "gender": "female", "height": 176.5, "weight": 71.8 }, {
     "gender": "female", "height": 164.4, "weight": 55.5 }, {
     "gender": "female", "height": 160.7, "weight": 48.6 }, {
     "gender": "female", "height": 174, "weight": 66.4 }, {
     "gender": "female", "height": 163.8, "weight": 67.3 }, {
     "gender": "male", "height": 174, "weight": 65.6 }, {
     "gender": "male", "height": 175.3, "weight": 71.8 }, {
     "gender": "male", "height": 193.5, "weight": 80.7 }, {
     "gender": "male", "height": 186.5, "weight": 72.6 }, {
     "gender": "male", "height": 187.2, "weight": 78.8 }, {
     "gender": "male", "height": 181.5, "weight": 74.8 }, {
     "gender": "male", "height": 184, "weight": 86.4 }, {
     "gender": "male", "height": 184.5, "weight": 78.4 }, {
     "gender": "male", "height": 175, "weight": 62 }, {
     "gender": "male", "height": 184, "weight": 81.6 }, {
     "gender": "male", "height": 180, "weight": 76.6 }, {
     "gender": "male", "height": 177.8, "weight": 83.6 }, {
     "gender": "male", "height": 192, "weight": 90 }, {
     "gender": "male", "height": 176, "weight": 74.6 }, {
     "gender": "male", "height": 174, "weight": 71 }, {
     "gender": "male", "height": 184, "weight": 79.6 }, {
     "gender": "male", "height": 192.7, "weight": 93.8 }, {
     "gender": "male", "height": 171.5, "weight": 70 }, {
     "gender": "male", "height": 173, "weight": 72.4 }, {
     "gender": "male", "height": 176, "weight": 85.9 }, {
     "gender": "male", "height": 176, "weight": 78.8 }, {
     "gender": "male", "height": 180.5, "weight": 77.8 }, {
     "gender": "male", "height": 172.7, "weight": 66.2 }, {
     "gender": "male", "height": 176, "weight": 86.4 }, {
     "gender": "male", "height": 173.5, "weight": 81.8 }, {
     "gender": "male", "height": 178, "weight": 89.6 }, {
     "gender": "male", "height": 180.3, "weight": 82.8 }, {
     "gender": "male", "height": 180.3, "weight": 76.4 }, {
     "gender": "male", "height": 164.5, "weight": 63.2 }, {
     "gender": "male", "height": 173, "weight": 60.9 }, {
     "gender": "male", "height": 183.5, "weight": 74.8 }, {
     "gender": "male", "height": 175.5, "weight": 70 }, {
     "gender": "male", "height": 188, "weight": 72.4 }, {
     "gender": "male", "height": 189.2, "weight": 84.1 }, {
     "gender": "male", "height": 172.8, "weight": 69.1 }, {
     "gender": "male", "height": 170, "weight": 59.5 }, {
     "gender": "male", "height": 182, "weight": 67.2 }, {
     "gender": "male", "height": 170, "weight": 61.3 }, {
     "gender": "male", "height": 177.8, "weight": 68.6 }, {
     "gender": "male", "height": 184.2, "weight": 80.1 }, {
     "gender": "male", "height": 186.7, "weight": 87.8 }, {
     "gender": "male", "height": 171.4, "weight": 84.7 }, {
     "gender": "male", "height": 172.7, "weight": 73.4 }, {
     "gender": "male", "height": 175.3, "weight": 72.1 }, {
     "gender": "male", "height": 180.3, "weight": 82.6 }, {
     "gender": "male", "height": 182.9, "weight": 88.7 }, {
     "gender": "male", "height": 188, "weight": 84.1 }, {
     "gender": "male", "height": 177.2, "weight": 94.1 }, {
     "gender": "male", "height": 172.1, "weight": 74.9 }, {
     "gender": "male", "height": 167, "weight": 59.1 }, {
     "gender": "male", "height": 169.5, "weight": 75.6 }, {
     "gender": "male", "height": 174, "weight": 86.2 }, {
     "gender": "male", "height": 172.7, "weight": 75.3 }, {
     "gender": "male", "height": 182.2, "weight": 87.1 }, {
     "gender": "male", "height": 164.1, "weight": 55.2 }, {
     "gender": "male", "height": 163, "weight": 57 }, {
     "gender": "male", "height": 171.5, "weight": 61.4 }, {
     "gender": "male", "height": 184.2, "weight": 76.8 }, {
     "gender": "male", "height": 174, "weight": 86.8 }, {
     "gender": "male", "height": 174, "weight": 72.2 }, {
     "gender": "male", "height": 177, "weight": 71.6 }, {
     "gender": "male", "height": 186, "weight": 84.8 }, {
     "gender": "male", "height": 167, "weight": 68.2 }, {
     "gender": "male", "height": 171.8, "weight": 66.1 }, {
     "gender": "male", "height": 182, "weight": 72 }, {
     "gender": "male", "height": 167, "weight": 64.6 }, {
     "gender": "male", "height": 177.8, "weight": 74.8 }, {
     "gender": "male", "height": 164.5, "weight": 70 }, {
     "gender": "male", "height": 192, "weight": 101.6 }, {
     "gender": "male", "height": 175.5, "weight": 63.2 }, {
     "gender": "male", "height": 171.2, "weight": 79.1 }, {
     "gender": "male", "height": 181.6, "weight": 78.9 }, {
     "gender": "male", "height": 167.4, "weight": 67.7 }, {
     "gender": "male", "height": 181.1, "weight": 66 }, {
     "gender": "male", "height": 177, "weight": 68.2 }, {
     "gender": "male", "height": 174.5, "weight": 63.9 }, {
     "gender": "male", "height": 177.5, "weight": 72 }, {
     "gender": "male", "height": 170.5, "weight": 56.8 }, {
     "gender": "male", "height": 182.4, "weight": 74.5 }, {
     "gender": "male", "height": 197.1, "weight": 90.9 }, {
     "gender": "male", "height": 180.1, "weight": 93 }, {
     "gender": "male", "height": 175.5, "weight": 80.9 }, {
     "gender": "male", "height": 180.6, "weight": 72.7 }, {
     "gender": "male", "height": 184.4, "weight": 68 }, {
     "gender": "male", "height": 175.5, "weight": 70.9 }, {
     "gender": "male", "height": 180.6, "weight": 72.5 }, {
     "gender": "male", "height": 177, "weight": 72.5 }, {
     "gender": "male", "height": 177.1, "weight": 83.4 }, {
     "gender": "male", "height": 181.6, "weight": 75.5 }, {
     "gender": "male", "height": 176.5, "weight": 73 }, {
     "gender": "male", "height": 175, "weight": 70.2 }, {
     "gender": "male", "height": 174, "weight": 73.4 }, {
     "gender": "male", "height": 165.1, "weight": 70.5 }, {
     "gender": "male", "height": 177, "weight": 68.9 }, {
     "gender": "male", "height": 192, "weight": 102.3 }, {
     "gender": "male", "height": 176.5, "weight": 68.4 }, {
     "gender": "male", "height": 169.4, "weight": 65.9 }, {
     "gender": "male", "height": 182.1, "weight": 75.7 }, {
     "gender": "male", "height": 179.8, "weight": 84.5 }, {
     "gender": "male", "height": 175.3, "weight": 87.7 }, {
     "gender": "male", "height": 184.9, "weight": 86.4 }, {
     "gender": "male", "height": 177.3, "weight": 73.2 }, {
     "gender": "male", "height": 167.4, "weight": 53.9 }, {
     "gender": "male", "height": 178.1, "weight": 72 }, {
     "gender": "male", "height": 168.9, "weight": 55.5 }, {
     "gender": "male", "height": 157.2, "weight": 58.4 }, {
     "gender": "male", "height": 180.3, "weight": 83.2 }, {
     "gender": "male", "height": 170.2, "weight": 72.7 }, {
     "gender": "male", "height": 177.8, "weight": 64.1 }, {
     "gender": "male", "height": 172.7, "weight": 72.3 }, {
     "gender": "male", "height": 165.1, "weight": 65 }, {
     "gender": "male", "height": 186.7, "weight": 86.4 }, {
     "gender": "male", "height": 165.1, "weight": 65 }, {
     "gender": "male", "height": 174, "weight": 88.6 }, {
     "gender": "male", "height": 175.3, "weight": 84.1 }, {
     "gender": "male", "height": 185.4, "weight": 66.8 }, {
     "gender": "male", "height": 177.8, "weight": 75.5 }, {
     "gender": "male", "height": 180.3, "weight": 93.2 }, {
     "gender": "male", "height": 180.3, "weight": 82.7 }, {
     "gender": "male", "height": 177.8, "weight": 58 }, {
     "gender": "male", "height": 177.8, "weight": 79.5 }, {
     "gender": "male", "height": 177.8, "weight": 78.6 }, {
     "gender": "male", "height": 177.8, "weight": 71.8 }, {
     "gender": "male", "height": 177.8, "weight": 116.4 }, {
     "gender": "male", "height": 163.8, "weight": 72.2 }, {
     "gender": "male", "height": 188, "weight": 83.6 }, {
     "gender": "male", "height": 198.1, "weight": 85.5 }, {
     "gender": "male", "height": 175.3, "weight": 90.9 }, {
     "gender": "male", "height": 166.4, "weight": 85.9 }, {
     "gender": "male", "height": 190.5, "weight": 89.1 }, {
     "gender": "male", "height": 166.4, "weight": 75 }, {
     "gender": "male", "height": 177.8, "weight": 77.7 }, {
     "gender": "male", "height": 179.7, "weight": 86.4 }, {
     "gender": "male", "height": 172.7, "weight": 90.9 }, {
     "gender": "male", "height": 190.5, "weight": 73.6 }, {
     "gender": "male", "height": 185.4, "weight": 76.4 }, {
     "gender": "male", "height": 168.9, "weight": 69.1 }, {
     "gender": "male", "height": 167.6, "weight": 84.5 }, {
     "gender": "male", "height": 175.3, "weight": 64.5 }, {
     "gender": "male", "height": 170.2, "weight": 69.1 }, {
     "gender": "male", "height": 190.5, "weight": 108.6 }, {
     "gender": "male", "height": 177.8, "weight": 86.4 }, {
     "gender": "male", "height": 190.5, "weight": 80.9 }, {
     "gender": "male", "height": 177.8, "weight": 87.7 }, {
     "gender": "male", "height": 184.2, "weight": 94.5 }, {
     "gender": "male", "height": 176.5, "weight": 80.2 }, {
     "gender": "male", "height": 177.8, "weight": 72 }, {
     "gender": "male", "height": 180.3, "weight": 71.4 }, {
     "gender": "male", "height": 171.4, "weight": 72.7 }, {
     "gender": "male", "height": 172.7, "weight": 84.1 }, {
     "gender": "male", "height": 172.7, "weight": 76.8 }, {
     "gender": "male", "height": 177.8, "weight": 63.6 }, {
     "gender": "male", "height": 177.8, "weight": 80.9 }, {
     "gender": "male", "height": 182.9, "weight": 80.9 }, {
     "gender": "male", "height": 170.2, "weight": 85.5 }, {
     "gender": "male", "height": 167.6, "weight": 68.6 }, {
     "gender": "male", "height": 175.3, "weight": 67.7 }, {
     "gender": "male", "height": 165.1, "weight": 66.4 }, {
     "gender": "male", "height": 185.4, "weight": 102.3 }, {
     "gender": "male", "height": 181.6, "weight": 70.5 }, {
     "gender": "male", "height": 172.7, "weight": 95.9 }, {
     "gender": "male", "height": 190.5, "weight": 84.1 }, {
     "gender": "male", "height": 179.1, "weight": 87.3 }, {
     "gender": "male", "height": 175.3, "weight": 71.8 }, {
     "gender": "male", "height": 170.2, "weight": 65.9 }, {
     "gender": "male", "height": 193, "weight": 95.9 }, {
     "gender": "male", "height": 171.4, "weight": 91.4 }, {
     "gender": "male", "height": 177.8, "weight": 81.8 }, {
     "gender": "male", "height": 177.8, "weight": 96.8 }, {
     "gender": "male", "height": 167.6, "weight": 69.1 }, {
     "gender": "male", "height": 167.6, "weight": 82.7 }, {
     "gender": "male", "height": 180.3, "weight": 75.5 }, {
     "gender": "male", "height": 182.9, "weight": 79.5 }, {
     "gender": "male", "height": 176.5, "weight": 73.6 }, {
     "gender": "male", "height": 186.7, "weight": 91.8 }, {
     "gender": "male", "height": 188, "weight": 84.1 }, {
     "gender": "male", "height": 188, "weight": 85.9 }, {
     "gender": "male", "height": 177.8, "weight": 81.8 }, {
     "gender": "male", "height": 174, "weight": 82.5 }, {
     "gender": "male", "height": 177.8, "weight": 80.5 }, {
     "gender": "male", "height": 171.4, "weight": 70 }, {
     "gender": "male", "height": 185.4, "weight": 81.8 }, {
     "gender": "male", "height": 185.4, "weight": 84.1 }, {
     "gender": "male", "height": 188, "weight": 90.5 }, {
     "gender": "male", "height": 188, "weight": 91.4 }, {
     "gender": "male", "height": 182.9, "weight": 89.1 }, {
     "gender": "male", "height": 176.5, "weight": 85 }, {
     "gender": "male", "height": 175.3, "weight": 69.1 }, {
     "gender": "male", "height": 175.3, "weight": 73.6 }, {
     "gender": "male", "height": 188, "weight": 80.5 }, {
     "gender": "male", "height": 188, "weight": 82.7 }, {
     "gender": "male", "height": 175.3, "weight": 86.4 }, {
     "gender": "male", "height": 170.5, "weight": 67.7 }, {
     "gender": "male", "height": 179.1, "weight": 92.7 }, {
     "gender": "male", "height": 177.8, "weight": 93.6 }, {
     "gender": "male", "height": 175.3, "weight": 70.9 }, {
     "gender": "male", "height": 182.9, "weight": 75 }, {
     "gender": "male", "height": 170.8, "weight": 93.2 }, {
     "gender": "male", "height": 188, "weight": 93.2 }, {
     "gender": "male", "height": 180.3, "weight": 77.7 }, {
     "gender": "male", "height": 177.8, "weight": 61.4 }, {
     "gender": "male", "height": 185.4, "weight": 94.1 }, {
     "gender": "male", "height": 168.9, "weight": 75 }, {
     "gender": "male", "height": 185.4, "weight": 83.6 }, {
     "gender": "male", "height": 180.3, "weight": 85.5 }, {
     "gender": "male", "height": 174, "weight": 73.9 }, {
     "gender": "male", "height": 167.6, "weight": 66.8 }, {
     "gender": "male", "height": 182.9, "weight": 87.3 }, {
     "gender": "male", "height": 160, "weight": 72.3 }, {
     "gender": "male", "height": 180.3, "weight": 88.6 }, {
     "gender": "male", "height": 167.6, "weight": 75.5 }, {
     "gender": "male", "height": 186.7, "weight": 101.4 }, {
     "gender": "male", "height": 175.3, "weight": 91.1 }, {
     "gender": "male", "height": 175.3, "weight": 67.3 }, {
     "gender": "male", "height": 175.9, "weight": 77.7 }, {
     "gender": "male", "height": 175.3, "weight": 81.8 }, {
     "gender": "male", "height": 179.1, "weight": 75.5 }, {
     "gender": "male", "height": 181.6, "weight": 84.5 }, {
     "gender": "male", "height": 177.8, "weight": 76.6 }, {
     "gender": "male", "height": 182.9, "weight": 85 }, {
     "gender": "male", "height": 177.8, "weight": 102.5 }, {
     "gender": "male", "height": 184.2, "weight": 77.3 }, {
     "gender": "male", "height": 179.1, "weight": 71.8 }, {
     "gender": "male", "height": 176.5, "weight": 87.9 }, {
     "gender": "male", "height": 188, "weight": 94.3 }, {
     "gender": "male", "height": 174, "weight": 70.9 }, {
     "gender": "male", "height": 167.6, "weight": 64.5 }, {
     "gender": "male", "height": 170.2, "weight": 77.3 }, {
     "gender": "male", "height": 167.6, "weight": 72.3 }, {
     "gender": "male", "height": 188, "weight": 87.3 }, {
     "gender": "male", "height": 174, "weight": 80 }, {
     "gender": "male", "height": 176.5, "weight": 82.3 }, {
     "gender": "male", "height": 180.3, "weight": 73.6 }, {
     "gender": "male", "height": 167.6, "weight": 74.1 }, {
     "gender": "male", "height": 188, "weight": 85.9 }, {
     "gender": "male", "height": 180.3, "weight": 73.2 }, {
     "gender": "male", "height": 167.6, "weight": 76.3 }, {
     "gender": "male", "height": 183, "weight": 65.9 }, {
     "gender": "male", "height": 183, "weight": 90.9 }, {
     "gender": "male", "height": 179.1, "weight": 89.1 }, {
     "gender": "male", "height": 170.2, "weight": 62.3 }, {
     "gender": "male", "height": 177.8, "weight": 82.7 }, {
     "gender": "male", "height": 179.1, "weight": 79.1 }, {
     "gender": "male", "height": 190.5, "weight": 98.2 }, {
     "gender": "male", "height": 177.8, "weight": 84.1 }, {
     "gender": "male", "height": 180.3, "weight": 83.2 }, {
     "gender": "male", "height": 180.3, "weight": 83.2 }]
    var axisData = []
    for (var i = 0; i < data.length; i++) {
    
      var height = data[i].height
      var weight = data[i].weight
      var newArr = [height, weight]
      axisData.push(newArr)
    }
    console.log(axisData)
    var mCharts = echarts.init(document.querySelector("div"))
    var option = {
    
      xAxis: {
    
        type: 'value',
        scale: true
      },
      yAxis: {
    
        type: 'value',
        scale: true
      },
      series: [
        {
    
          // type: 'scatter',    // 没有涟漪动画
          type: 'effectScatter', // 指明图表为带涟漪动画的散点图
          showEffectOn: 'emphasis', // 出现涟漪动画的时机 render(一直有) emphasis(经过时)
          rippleEffect: {
    
            scale: 10 // 涟漪动画时, 散点的缩放比例
          },
          
          data: axisData,
          // symbolSize: 30
          symbolSize: function (arg) {
     // 控制散点的大小
            // console.log(arg)
            var height = arg[0] / 100
            var weight = arg[1]
            // bmi = 体重kg / (身高m*身高m)   大于28,就代表肥胖
            var bmi = weight / (height * height)
            if (bmi > 28) {
    
              return 20
            }
            return 5
          },
          itemStyle: {
     // 控制散点的样式
            color: function (arg) {
    
              // console.log(arg)
              var height = arg.data[0] / 100
              var weight = arg.data[1]
              // bmi = 体重kg / (身高m*身高m)   大于28,就代表肥胖
              var bmi = weight / (height * height)
              if (bmi > 28) {
    
                return 'red'
              }
              return 'green'
            }
          }
        }
      ]
    }
    mCharts.setOption(option)
  </script>
</body>

</html>
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/yogur_father/article/details/111304743

智能推荐

cocos2dx——裁剪节点ClippingNode-程序员宅基地

文章浏览阅读77次。【唠叨】 学习cocos2dx 3.2确实比较吃力,因为网上关于最新版的v3.2的资料十分稀少,或者是讲解的确实不是很详细。大部分人都是根据官方文档照样画瓢,而对于有些比较抽象的概念及函数都是照着官方文档来讲解的。这样的结果,导致有些东西令我确实非常费解。没有办法,只好自己来总结cocos2dx3.2,然后将个人的学习感悟分享给大家。PS:当然有些大牛写的文章还是..._clippingnode 性能

Viper炫彩蛇的下载与安装(MSF图形化界面)_简易极速安装版-程序员宅基地

文章浏览阅读647次,点赞2次,收藏2次。1.更新apt-get2.下载docker.ioY。_炫彩蛇

CVPR2021|| Coordinate Attention注意力机制_位置注意力机制-程序员宅基地

文章浏览阅读2.4w次,点赞63次,收藏418次。Paper:https://arxiv.org/pdf/2103.02907.pdfGitHub:https://github.com/Andrew-Qibin/CoordAttention轻量,优秀,好用!讲之前我们先回顾一下以前的SE与CBAMSESE比较简单,看一下结构图差不多就能理解了,如果有些实现不太懂的,可以借鉴一下CBAM的。但SE只考虑内部通道信息而忽略了位置信息的重要性,而视觉中目标的空间结构是很重要的。CBAM稍微介绍一下CBAM,如图b所示,CBAM包含空间注意力和通_位置注意力机制

eslint搭配prettier使用步骤_plugin:prettier/recommended-程序员宅基地

文章浏览阅读1.2k次。这里的执行逻辑顺序是:eslint会首先读extends的规则,这个时候遇到了最后配置的plugin:prettier/recommended,而这个插件又会先读本地配置的.prettierrc文件再读取prettier自己内部设置的配置,最后读.eslintrc.json的rules配置。2、其次配置.eslintrc.json文件,extends: [“plugin:prettier/recommended”],如果有其他扩展,则"plugin:prettier/recommended"放在最后。_plugin:prettier/recommended

kettle 共享数据库连接时带汉字引发的错误-程序员宅基地

文章浏览阅读548次。处理方式:在目录: C:\Users\Administrator\.kettle 里 找到:shared.xml 把该文件的编码方式改为UTF-8,重启kettle就没问题了

weka up-sampling & down-sampling-程序员宅基地

文章浏览阅读532次。[b]up-sampling:[/b]SMOTE algorithm,over-sampled by creating ``synthetic'' examples rather than by over-sampling with replacement.[b]Weka supervised SMOTE filter [/b]两个参数: [list][*]neares..._weka oversampled

随便推点

联想适合计算机专业的游戏本,全球最佳游戏笔记本电脑Top 10-程序员宅基地

文章浏览阅读751次。如果你告诉你的朋友你想买一台电脑,他们肯定会建议你买一台台式电脑。因为在相同的预算下,台式电脑可以比笔记本电脑带来更强大的性能。然而,在很多情况下,台式电脑的不可移动性会给游戏玩家带来很多麻烦,这并不像笔记本电脑那样方便。Origin EON15-X:桌面级的CPU造就一个无与伦比的游戏笔记本电脑处理器:4GHz英特尔酷睿i7-4790K;显卡:英伟达GeForce GTX 980 M (..._联想买什么电脑好,能玩游戏,办公软件

vuex持久化 , vuex-persistedstate_vuex-persistedstate whitelist-程序员宅基地

文章浏览阅读3.6k次。vuex持久化 , vuex-persistedstate , 修改本地储存为Cookie_vuex-persistedstate whitelist

Qt 中 Q_OBJECT 宏及 moc_*.cpp文件_moc_cpp-程序员宅基地

文章浏览阅读2.1k次,点赞4次,收藏28次。Qt 中 Q_OBJECT 宏及 moc_前缀文件Q_OBJECT 宏元对象系统 (Meta-Object System)了解 Q_OBJECT 宏展开 Q_OBJECT 宏MOC 预编译器MOC (Meta-Object Compiler)前缀 moc_xx.cpp文件代码示例如下MakeFile文件生成的moc文件如下==moc_whatismoc.cpp== 文件分析片段一结构体`qt_meta_stringdata_WhatIsMoc_t`片段二宏`QT_MOC_LITERAL`和`qt_meta__moc_cpp

WoWoViewPager 炫酷啊!-程序员宅基地

文章浏览阅读1k次。WoWoViewPager WoWo可以优化你的App介绍/引导页面,制作你的App简历。WoWo将动画和viewpager结合起来。当你滑动viewpager的时候,你也在控制动画的当前帧。就好像控制动画时间一般。比如上面的两个Gif,是先向前滑动然后向后滑动。目录English READMEGradle备注Demo版本Todo_wowoviewpager

干货福利:CVPR2016代码合集_yeonwoonya-程序员宅基地

文章浏览阅读4.3k次。DoReFa-Net: Training Low Bitwidth Convolutional Neural Networks with Low Bitwidth Gradients:https://github.com/ppwwyyxx/tensorpack/tree/master/examples/DoReFa-NetCode for Stacked attention network_yeonwoonya

深度优先搜索(DFS)和广度优先搜索(BFS)_深度优先搜索是基于中序遍历吗-程序员宅基地

文章浏览阅读537次。深度优先搜索和广度优先搜索,都是图形搜索算法。一、深度优先搜索(DFS) 深度优先搜素,是针对图和树的遍历算法,利用深度优先搜索算法可以产生目标图的相应拓扑排序表,利用拓扑排序表可以方便的解决很多相关的图论问题,如最大路径问题等等。 一般会使用栈数据结构来辅助实现DFS算法。 DFS主要思路就是从图中一个未访问的顶点V开始,沿着一条路一直往下走到底,然后从这条路尽头的结点回退到上一个节点,再从另一条路开始走到底.....,不断递归重复..._深度优先搜索是基于中序遍历吗

推荐文章

热门文章

相关标签