本文详细介绍了如何使用ECharts进行前端数据可视化，包括南丁格尔图、饼图的设置，以及地图图表的使用。重点讲解了地图结合散点图的实现，包括如何显示特定区域、设置不同城市颜色以及启用涟漪效果。
name: ‘唯品会’,
value: 6123,
}, {
name: ‘拼多多’,
value: 8989,
}, {
name: ‘苏宁易购’,
value: 6700,
}]
var option = {
series: [{
type: ‘pie’,
data: pieData,
// 饼图的文字的显示
label: {
show: true,
// 决定文字显示的内容
formatter: function(arg) {
console.log(arg);
return arg.name + ‘平台’ + arg.value + ‘元\n’ + arg.percent + ‘%’;
},
},
//radius: 20, //饼图的半径
radius: ‘20%’, // 百分比参照的是宽度和高度中较小的那一部分的一半 × 百分比
radius: [‘50%’,‘70%’], // 第 0 个元素代表的是内圆的半径,第 1 个元素是外圆的半径
}]
}
// 4.使用刚指定的配置项和数据显示图表。
myChart.setOption(option);
最低0.47元/天 解锁文章
316
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
