feat:仪表盘

components/NormalGauge/NormalGauge.vue

 <template>
 	<view>
-		
+		<uni-ec-canvas
+			class="uni-ec-canvas"
+			id="NormalGauge"
+			ref="canvas"
+			canvas-id="lazy-load-chart"
+			:ec="ec"
+		></uni-ec-canvas>
 	</view>
 </template>
 
 <script>
-	export default {
-		name:"NormalGauge",
-		data() {
-			return {
-				
-			};
+import uniEcCanvas from '@/components/uni-ec-canvas/uni-ec-canvas'
+import * as echarts from '@/components/uni-ec-canvas/echarts'
+import echartElementData from '@/mixins/echartElementData.js'
+let chart = null
+	
+export default {
+	name:"NormalGauge",
+	mixins: [echartElementData],
+	
+	data() {
+		return {
+			ec: {
+			  lazyLoad:true
+			}
+		};
+	}
+	
+	onReady () {
+	  
+	},
+	
+	components: {
+	  uniEcCanvas
+	},
+	
+	methods: {
+		initChart() {
+			this.$nextTick(() => {
+				this.$refs['canvas'].init((canvas, width, height, canvasDpr) => {
+					chart = echarts.init(canvas, null, {
+						width: width,
+						height: height,
+						devicePixelRatio: canvasDpr
+					})
+					canvas.setChart(chart)
+					const { dataList: { categories, series } } = this.elementData
+					const options = {
+						...this.elementInfo.option,
+						tooltip: {
+						    formatter: '{a} <br/>{b} : {c}%'
+						},
+						series: [{
+						    type: 'gauge',      
+						    radius: '90%',
+						    data: guageChart
+						}]
+					}
+					chart.setOption(options)
+					return chart
+				})
+			})
+		},
+		
+		dealSeriesData (data) {
+			return data
 		}
 	}
+}
 </script>
 
 <style>