水球图

水球图效果如下：

水球图，搭配版本如下：

》执行命令：

npm install [email protected]

npm install [email protected]

npm install [email protected]

》main.js里面引用

import * as echarts from "echarts";

import "echarts-liquidfill";

》组件编写

》组件引入到页面中，然后设置data属性

 

 data() {

    return {

      ChartData: {

        id: "chart1",

        value: 0.54,

        text: "处理率",

        radius:"70%"

    }

},