option = {
tooltip: {
trigger: "item",
formatter: function (params) {
var name = params.name;
return (
'<div style="display:flex; align-items:center;">' +
'<span style="display:inline-block;width:10px;height:10px;border-radius:50%;background-color:' +
params.color +
';margin-right:5px;"></span>' +
name +
": " +
params.percent +
"</div>"
);
},
},
series: [
{
name: "Access From",
type: "pie",
radius: ["0%", "70%"],
avoidLabelOverlap: false,
itemStyle: {
borderRadius: 100,
borderColor: "#fff",
borderWidth: 2,
},
label: {
show: false,
position: "center",
},
labelLine: {
show: true,
},
data: [
{ value: 15, name: "头条" },
{ value: 15, name: "生活" },
{ value: 10, name: "社会" },
{ value: 10, name: "美食" },
{ value: 5, name: "健康" },
{ value: 15, name: "法律" },
{ value: 5, name: "旅游" },
{ value: 10, name: "直播" },
{ value: 5, name: "户外" },
],
label: {
show: true,
formatter: function (params) {
var name = params.name;
var percent = params.percent;
return name + "\n" + percent;
},
},
},
],
};