var myChart = echarts.init(document.getElementById("pie-chart")); myChart.setOption({ title: { text: '动作次数分布', subtext: '数据来自 result.json' }, tooltip : { trigger: 'item', formatter: "{a} <br/>{b} : {c} ({d}%)" }, series : [{ name: '动作', type: 'pie', radius: '55%', center: ['50%', '60%'], data: value, itemStyle: { emphasis: { shadowBlur: 10, shadowOffsetX: 0, shadowColor: 'rgba(0, 0, 0, 0.5)' } } }] }); });帮我改成鼠标放上去显示的是每一块对应的中文

var myChart = echarts.init(document.getElementById("pie-chart"));
myChart.setOption({
title: {
text: '动作次数分布',
subtext: '数据来自 result.json'
},
tooltip: {
trigger: 'item',
formatter: "{a} <br/>{b} : {c} ({d}%)"
},
series: [{
name: '动作',
type: 'pie',
radius: '55%',
center: ['50%', '60%'],
data: value,
itemStyle: {
emphasis: {
shadowBlur: 10,
shadowOffsetX: 0,
shadowColor: 'rgba(0, 0, 0, 0.5)'
}
},
label: {
show: true,
formatter: '{b} : {c} ({d}%)'
}
}]
});

相关问题

var myChart = echarts.init(document.getElementById("pie-chart")); myChart.setOption({ title: { text: '动作次数分布', subtext: '数据来自 result.json' }, tooltip : { trigger: 'item', formatter: "{a} <br/>{b} : {c} ({d}%)" }, series : [{ name: '动作', type: 'pie', radius: '55%', center: ['50%', '60%'], data: value, itemStyle: { emphasis: { shadowBlur: 10, shadowOffsetX: 0, shadowColor: 'rgba(0, 0, 0, 0.5)' } } }] }); });改为图例显示中文购买、收藏、加购

var myChart = echarts.init(document.getElementById("pie-chart"));
myChart.setOption({
title: {
text: '动作次数分布',
subtext: '数据来自 result.json'
},
tooltip: {
trigger: 'item',
formatter: "{a} <br/>{b} : {c} ({d}%)"
},
legend: {
orient: 'vertical',
left: 'left',
data: ['购买', '收藏', '加购']
},
series: [{
name: '动作',
type: 'pie',
radius: '55%',
center: ['50%', '60%'],
data: value,
itemStyle: {
emphasis: {
shadowBlur: 10,
shadowOffsetX: 0,
shadowColor: 'rgba(0, 0, 0, 0.5)'
}
},
label: {
show: true,
formatter: '{b} : {c} ({d}%)'
}
}]
});

getdataList() { this.loading = true; listStatistics().then(response => { this.data=response.data console.log("数据==",this.data) const option = { legend: { data :this.data.name, right: "10%", top: "30%", orient:"vertical" }, title:{ text:"社区数据统计", top: "5%", left:"center" }, label: { show : true, formatter: "{b} : {c} "// b代表名称， c代表对应值，d代表百分比}， }, series: [ { type: "pie", // type设置为饼图 data: this.data, radius:["40%","70%"], } ] }; const myChart = echarts.init(document.getElementById("mychart"));// 图标初始化 myChart.setOption(option);// 渲染页面 //随着屏幕大小调节图表 window.addEventListener("resize", () => { myChart.resize();

这段代码实现了将图表渲染到页面上的功能。首先，这个方法使用"echarts"库的"init"函数初始化一个图表实例，并将其渲染到页面上指定的DOM元素中。然后，这个方法将之前创建的图表配置选项"option"传递给这个图表实例的"setOption"方法来设置图表。最后，这个方法还添加了一个监听器，当浏览器窗口大小改变时，自动调整图表的大小以适应新的窗口尺寸。