根据这个代码用echarts帮我写成满意1900不满意100并显示比例的饼图代码thisdefineload4 function o2loadechartUrl function 基于准备好的dom初始化echarts实例 var mySatisfaction = echartsinitdocumentgetElementByIdsatisfaction; 指定图表
根据您提供的代码,使用 Echarts 绘制满意度的饼图,并显示比例的代码如下:
this.define("load4", function () {
o2.load(echartUrl, function () {
// 基于准备好的dom,初始化echarts实例
var mySatisfaction = echarts.init(document.getElementById('satisfaction'));
// 指定图表的配置项和数据
option = {
title: {
text: '满意度'
},
tooltip: {
trigger: 'item',
formatter: '{a} <br/>{b}: {c} ({d}%)' // 显示比例
},
legend: {
top: '5%',
left: 'center'
},
series: [
{
name: '满意度',
type: 'pie',
radius: ['90%', '10%'],
avoidLabelOverlap: false,
itemStyle: {
borderRadius: 10,
borderColor: '#fff',
borderWidth: 2
},
label: {
show: false,
position: 'center'
},
emphasis: {
label: {
show: true,
fontSize: 40,
fontWeight: 'bold'
}
},
labelLine: {
show: false
},
data: [
{ value: 1900, name: '满意' }, // 修改满意数量为1900
{ value: 100, name: '不满意' } // 修改不满意数量为100
]
}
]
};
// 使用刚指定的配置项和数据显示图表。
mySatisfaction.setOption(option);
}.bind(this));
});
在上述代码中,我修改了满意数量为1900,不满意数量为100,并在 tooltip 中添加了 formatter 属性,用于显示比例
原文地址: http://www.cveoy.top/t/topic/ieN6 著作权归作者所有。请勿转载和采集!