mirror of
https://github.com/iczer/vue-antd-admin
synced 2025-04-05 19:41:37 +08:00
增加雷达图
This commit is contained in:
parent
945b98f335
commit
14005a8a60
@ -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…
x
Reference in New Issue
Block a user