增加雷达图

master
iczer 7 years ago
parent 945b98f335
commit 14005a8a60
  1. 23
      src/components/chart/Radar.vue
  2. 6
      src/components/menu/menu.js
  3. 2
      src/router/index.js

@ -1,6 +1,6 @@
<template> <template>
<v-chart> <v-chart :forceFit="true" height="400" :data="data" :padding="[20, 20, 95, 20]" :scale="scale">
<v-tooltip :forceFit="true" height="400" :data="data" :padding="[20, 20, 95, 20]" :scale="scale" /> <v-tooltip />
<v-axis :dataKey="axis1Opts.dataKey" :line="axis1Opts.line" :tickLine="axis1Opts.tickLine" :grid="axis1Opts.grid" /> <v-axis :dataKey="axis1Opts.dataKey" :line="axis1Opts.line" :tickLine="axis1Opts.tickLine" :grid="axis1Opts.grid" />
<v-axis :dataKey="axis2Opts.dataKey" :line="axis2Opts.line" :tickLine="axis2Opts.tickLine" :grid="axis2Opts.grid" /> <v-axis :dataKey="axis2Opts.dataKey" :line="axis2Opts.line" :tickLine="axis2Opts.tickLine" :grid="axis2Opts.grid" />
<v-legend dataKey="user" marker="circle" :offset="30" /> <v-legend dataKey="user" marker="circle" :offset="30" />
@ -14,22 +14,18 @@
const DataSet = require('@antv/data-set') const DataSet = require('@antv/data-set')
const sourceData = [ const sourceData = [
{ item: 'Design', a: 70, b: 30 }, {item: '引用', a: 70, b: 30, c: 40},
{ item: 'Development', a: 60, b: 70 }, {item: '口碑', a: 60, b: 70, c: 40},
{ item: 'Marketing', a: 50, b: 60 }, {item: '产量', a: 50, b: 60, c: 40},
{ item: 'Users', a: 40, b: 50 }, {item: '贡献', a: 40, b: 50, c: 40},
{ item: 'Test', a: 60, b: 70 }, {item: '热度', a: 60, b: 70, c: 40},
{ item: 'Language', a: 70, b: 50 }, {item: '引用', a: 70, b: 50, c: 40}
{ item: 'Technology', a: 50, b: 40 },
{ item: 'Support', a: 30, b: 40 },
{ item: 'Sales', a: 60, b: 40 },
{ item: 'UX', a: 50, b: 60 }
] ]
const dv = new DataSet.View().source(sourceData) const dv = new DataSet.View().source(sourceData)
dv.transform({ dv.transform({
type: 'fold', type: 'fold',
fields: ['a', 'b'], fields: ['a', 'b', 'c'],
key: 'user', key: 'user',
value: 'score' value: 'score'
}) })
@ -69,6 +65,7 @@ export default {
name: 'Radar', name: 'Radar',
data () { data () {
return { return {
sourceData,
data, data,
axis1Opts, axis1Opts,
axis2Opts, axis2Opts,

@ -52,13 +52,17 @@ export default {
data () { data () {
return { return {
rootSubmenuKeys: ['/form', '/list', '/detail', '/exception', '/result'], rootSubmenuKeys: ['/form', '/list', '/detail', '/exception', '/result'],
openKeys: [] openKeys: [],
cachedOpenKeys: []
} }
}, },
watch: { watch: {
collapsed (val) { collapsed (val) {
if (val) { if (val) {
this.cachedOpenKeys = this.openKeys
this.openKeys = [] this.openKeys = []
} else {
this.openKeys = this.cachedOpenKeys
} }
} }
}, },

@ -121,7 +121,7 @@ export default new Router({
path: '/detail/basic', path: '/detail/basic',
name: '基础详情页', name: '基础详情页',
icon: 'none', icon: 'none',
component: Radar component: NotFound
}, },
{ {
path: '/detail/advanced', path: '/detail/advanced',

Loading…
Cancel
Save