水球圖

水球圖效果如下:


水球圖,搭配版本如下:



》執行命令:

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

    }

},

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