欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

echarts scatter

程序员文章站 2022-07-05 14:23:01
...
var myChart = echarts.init(document.getElementById('main'));// 基于准备好的dom,初始化echarts实例
data=[[0,95], [1,70], [2,76], [3,70], [4,88], [5,91],[6,55]];//这个是scale,对应的刻度,可以不显示默认从0开始
//data=[[0,95,95], [1,70,70], [2,76,76], [3,70,70], [4,88,88], [5,91,91],[6,55,55]];//第三维可以在下面的symbolSize回调函数中表示大小
var option = {// 图表的配置项和数据
    xAxis: {
        boundaryGap: false,//改变x轴ticks位置
        data: ["一","二","三","四","五","六","日"]//这个是ticks,如果显示
    },
    yAxis: {},//设置y轴
    series: [{
        type: 'scatter',
        data: data,  
        symbolSize: 20,
//        symbolSize: function(data){
//            return data[2]
//        }//用回调函数将第三维数据作为大小 
    }]
};
myChart.setOption(option);// 使用刚指定的配置项和数据显示图表。
相关标签: 实例 dom 91