水球圖效果如下:
水球圖,搭配版本如下:
》執行命令:
npm install [email protected]
npm install [email protected]
npm install [email protected]
》main.js裏面引用
import * as echarts from "echarts";
import "echarts-liquidfill";
》組件編寫
》組件引入到頁面中,然後設置data屬性
<liquidFill :data="ChartData"></liquidFill>
data() {
return {
ChartData: {
id: "chart1",
value: 0.54,
text: "處理率",
radius:"70%"
}
},