（注echarsを組み合わせなければならない）プロジェクトに装着されているプロジェクトの依存関係、など1）プロジェクト
npm install echarts vue-echarts--save
npm install echarts-liquidfill --save
2）コンポーネントを導入することはliquidFill.jsクリスタルボールの必要です
import 'echarts-liquidfill/src/liquidFill.js'; //在这里引入
3）結晶ボールを追加テンプレートのDOMノードを搭載
<div id="echarts" :style="{width: '340px', height: '220px',}"></div>
4）在方法methods中添加liquidFill调用方法，如
initWhater（）{
VAR値= this.score
聞かせてmyChart = this.echarts.init（のdocument.getElementById（ 'myChartWhater'））
、データ= []
data.push（値）
data.push（値）
data.push（値）
myChart.setOption（{
backgroundColorの：コンテナの「白」、//背景色
タイトル：{
テキスト： ''、
TEXTSTYLE：{
たfontWeight： '標準'、
fontSize：25、
色： 'RGB（97、142、205）'
}
}、
シリーズ：[
{
タイプ：「
liquidFill
」
半径：'80％」、//半径ポロ
日付：日付、
backgroundStyle：{
色：「白」
}、
ラベル：{
正常：{
フォーマッタ：
（値* 100）.toFixed（0）+
'\ N' + //ラップ
'\ n' は+
this.healthyName、//良いですか？違いは？優れました
TEXTSTYLE：{
fontSize：50 //フォントサイズ
}
}
}、
アウトライン： {
ショー：真、//ブール値の概要を表示するかどうか
borderDistance：0、//グラフの外側の輪郭から数
itemStyle：{
BORDERCOLOR： '＃のedf2f6'、//境界線の色
borderWidth：1 //幅のボーダー
// shadowBlur：5、//影範囲の輪郭が内側と外側の影を設定した後
// shadowColorは： '＃000' //影の色外形
}
}、
色： [
'RGBA（118,216,255,0.3）'、
'RGBA（0,206,255,0.5）'、
'RGBA（0,148,255,0.3'）
】カラー値に対応//波データであります
}
]
}）
}
}）
}、
4）在mounted（）{}中调用 initWater方法
页面完成效果如：
大功告成！！！！