水球图

水球图效果如下:


水球图,搭配版本如下:



》执行命令:

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%"

    }

},

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章