散点图


散点图

基础散点图

代码如下:

var chartDom=document.getElementById("scatrer");
var myChart=echarts.init(chartDom);
var option;
option={
  xAxis:{},
  yAxis:{},
  series:[
    {
        type:"scatter", 
        symbolSize:20,//标记大小,如果两个数:[宽,高]
        data:[
            [10.0, 6.33],//[x,y]
            [14.0, 8.96],
            [12.5, 6.82],
            [9.15, 7.2],
            [11.5, 7.2],
            [3.03, 4.23],
            [12.2, 7.83],
            [2.02, 4.47],
            [1.05, 3.33],
            [4.05, 4.96],
            [6.03, 7.24],
            [12.0, 6.26],
            [12.0, 8.84],
            [7.08, 5.82],
        ]
    }
  ]
},
myChart.setOption(option);

效果图:

**更多复杂类型请看官网:https://echarts.apache.org/examples/zh/index.html#chart-type-scatter


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM