@ued_fpi/data-visual
Version:
<br /> <br /> <div style="text-align:center"> <b style="font-size:30px">@ued_fpi/data-visual</b> <p>基于Vite4+TypeScript的Vue3大屏组件库开发框架</p> <img style="display:inline" src="https://img.shields.io/npm/v/@ued_fpi/data-visual" />
47 lines (43 loc) • 952 B
JavaScript
;
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
const pieChartOptions = (pieData) => {
return {
grid: {
top: 0,
left: 55,
bottom: "1%"
},
color: ["var(--dv-color-success)", "var(--dv-color-fill-lighter)"],
tooltip: {
trigger: "item",
formatter: (params) => {
const {
data: { name, value, rate }
} = params;
return `${name}:${value}`;
}
},
series: [
{
name: "预警事件",
type: "pie",
center: ["50%", "50%"],
radius: ["75%", "100%"],
avoidLabelOverlap: true,
hoverAnimation: false,
data: pieData,
itemStyle: {
borderRadius: 4,
borderWidth: 0
},
label: {
show: false
},
labelLine: {
show: false
}
}
]
};
};
exports.pieChartOptions = pieChartOptions;