在 ECharts 中,要实现散点图气泡大小的调整,可以通过设置 series 中的 symbolSize 属性来实现。symbolSize 可以是一个固定的数值,也可以是一个回调函数,用于根据数据动态调整气泡大小。
以下是一个简单的示例:
// 基于准备好的dom,初始化echarts实例
var myChart = echarts.init(document.getElementById('main'));
// 指定图表的配置项和数据
var option = {
xAxis: {
type: 'value'
},
yAxis: {
type: 'value'
},
series: [{
data: [
[10, 10, 1], // 数据项,依次为 x, y, 气泡大小
[20, 20, 2],
[30, 30, 3]
],
type: 'scatter',
symbolSize: function (data) {
// data 包含了当前数据项的信息,如 data[0] 是 x 值,data[1] 是 y 值,data[2] 是气泡大小
return data[2]; // 返回气泡大小
}
}]
};
// 使用刚指定的配置项和数据显示图表。
myChart.setOption(option);
在这个示例中,symbolSize 设置为一个回调函数,该函数接收一个参数 data,包含了当前数据项的信息。我们返回 data[2] 作为气泡大小,这样每个气泡的大小将根据其对应的数值进行调整。
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。