|
|
@ -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, |
|
|
|