feat(chart): add Radar Chart; !#zh: 雷达图

ly525
1 parent 6d12467b
Showing 2 changed files with 22 additions and 2 deletions
front-end/h5/src/components/plugins/charts/line.js
front-end/h5/src/mixins/load-plugins.js
 import VeLine from 'v-charts/lib/line.common'
+import VeRadar from 'v-charts/lib/radar.common'
 import VePie from 'v-charts/lib/pie.common'
 import VeHistogram from 'v-charts/lib/histogram.common'
 import VeFunnel from 'v-charts/lib/funnel.common'
@@ -9,6 +10,8 @@ import &#39;echarts/lib/component/markPoint&#39;
 import 'echarts/lib/component/markArea'
 import Parser from '../../../utils/excel-parser'
  
+// const title = str => str.slice(0, 1).toUpperCase() + str.slice(1)
+
 export default {
   extra: {
     defaultStyle: {
@@ -56,12 +59,15 @@ export default {
     const chartData = Parser.csv2VChartJson(this.dataset)
     switch (this.type) {
       case 'line':
+        return <VeLine data={chartData} colors={this.colors} />
       case 'histogram':
         return <VeHistogram data={chartData} colors={this.colors} />
       case 'pie':
-        return <VePie data={chartData} />
+        return <VePie data={chartData} colors={this.colors} />
       case 'funnel':
-        return <VeFunnel data={chartData} />
+        return <VeFunnel data={chartData} colors={this.colors} />
+      case 'radar':
+        return <VeRadar data={chartData} colors={this.colors} />
       default:
         return null
     }
@@ -22,6 +22,20 @@ import LbpNewsList from &#39;../components/plugins/lbp-news-list&#39;
 export const pluginsList = [
   {
     i18nTitle: {
+      'en-US': 'RadarChart',
+      'zh-CN': '雷达图'
+    },
+    title: '雷达图',
+    icon: 'line-chart',
+    component: LbpLineChart,
+    visible: true,
+    name: LbpLineChart.name,
+    shortcutProps: {
+      type: 'radar'
+    }
+  },
+  {
+    i18nTitle: {
       'en-US': 'LineChart',
       'zh-CN': '折线图'
     },