feat:新增雷达图

components/NormalRadar/NormalRadar.vue

+<template>
+	<view>
+		<uni-ec-canvas 
+		  class="uni-ec-canvas" 
+		  id="normalra-dar" 
+		  ref="normalRadarCanvas" 
+		  canvas-id="normalra-dar-chart"
+		  :ec="ec"></uni-ec-canvas>
+	</view>
+</template>
+
+<script>
+	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: "NormalRadar",
+		mixins: [echartElementData],
+		data() {
+			return {
+				ec: {
+					lazyLoad: true
+				}
+			}
+		},
+		onReady() {
+
+		},
+		components: {
+			uniEcCanvas
+		},
+		methods: {
+			initChart() {
+				this.$nextTick(() => {
+					this.$refs['normalRadarCanvas'].init((canvas, width, height, canvasDpr) => {
+						chart = echarts.init(canvas, null, {
+							width: width,
+							height: height,
+							devicePixelRatio: canvasDpr
+						})
+						canvas.setChart(chart)
+						const {
+							dataList: {
+								indicator,
+								series
+							}
+						} = this.elementData
+						const config = {
+							tooltip: {},
+							radar: {
+								indicator
+							},
+							series: [{
+								type: 'radar',
+								label: {
+									...this.elementInfo.option.dataset
+								},
+								data: this.dealSeriesData(series)
+							}]
+						}
+						chart.setOption(config)
+						return chart
+					})
+				})
+			},
+			/**
+			 * 处理数据
+			 */
+			dealSeriesData(data) {
+				if (!data) return
+				const newData = data.map(item => {
+					const {
+						name,
+						data: value
+					} = item
+					return {
+						name,
+						value
+					}
+				})
+				return newData
+			}
+		}
+	}
+</script>
+<style scoped>
+</style>

pages/index/index.vue

@@ -18,6 +18,8 @@
 			<NormalPie v-if="element.type == 'NormalPie'" :elementInfo="element"></NormalPie>
 			<!-- 中国地图 -->
 			<ChinaMap v-if="element.type == 'ChinaMap'" :elementInfo="element"></ChinaMap>
+			<!-- 雷达图 -->
+			<NormalRadar v-if="element.type == 'NormalRadar'" :elementInfo="element"></NormalRadar>
 		</view>
   </view>
 </template>