Song/xkrs_ms
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

评估雷达图修改

Browse Source
This commit is contained in:
zhanglipeng
2020-12-02 21:43:48 +08:00
parent 3ce64b1e0e
commit ab2d5b7629
8 changed files with 599 additions and 207 deletions
Download Patch File Download Diff File Expand all files Collapse all files

162
ruoyi-ui/src/views/dashboard/RadarChart.vue
View File

@ -108,22 +108,12 @@ export default {
radius: "66%",
center: ["50%", "52%"],
splitNumber: 12,
splitArea: {
areaStyle: {
color: "rgba(127,95,132,.3)",
opacity: 1,
shadowBlur: 45,
shadowColor: "rgba(0,0,0,.5)",
shadowOffsetX: 0,
shadowOffsetY: 15,
},
},
indicator: [
{ name: "健康", max: 100 },
{ name: "语言", max: 100 },
{ name: "社会", max: 100 },
{ name: "科学", max: 100 },
{ name: "艺术", max: 100 },
{ name: "健康", max: 72 },
{ name: "语言", max: 72 },
{ name: "社会", max: 72 },
{ name: "科学", max: 72 },
{ name: "艺术", max: 72 },
],
},
legend: {
@ -134,6 +124,15 @@ export default {
series: [
{
type: "radar",
label: {
normal: {
show: true,
formatter: (params) => {
return params.value;
},
fontSize: 14,
},
},
symbolSize: 0,
areaStyle: {
normal: {
@ -148,10 +147,35 @@ export default {
{
value: [72, 72, 72, 72, 72],
name: "60-72个月幼儿测评范围值",
symbol: "circle",
symbolSize: 10,
lineStyle: {
normal: {
type: "solid",
},
},
itemStyle: {
color: "#f08080",
},
areaStyle: {
opacity: 0.7,
},
},
{
value: this.values,
name: "幼儿实际测评值",
symbolSize: 5,
lineStyle: {
normal: {
type: "dotted",
},
},
itemStyle: {
color: "#ebcc7b",
},
areaStyle: {
opacity: 0.5,
},
},
],
animationDuration: animationDuration,
@ -180,22 +204,12 @@ export default {
radius: "66%",
center: ["50%", "52%"],
splitNumber: 10,
splitArea: {
areaStyle: {
color: "rgba(127,95,132,.3)",
opacity: 1,
shadowBlur: 45,
shadowColor: "rgba(0,0,0,.5)",
shadowOffsetX: 0,
shadowOffsetY: 15,
},
},
indicator: [
{ name: "健康", max: 100 },
{ name: "语言", max: 100 },
{ name: "社会", max: 100 },
{ name: "科学", max: 100 },
{ name: "艺术", max: 100 },
{ name: "健康", max: 72 },
{ name: "语言", max: 72 },
{ name: "社会", max: 72 },
{ name: "科学", max: 72 },
{ name: "艺术", max: 72 },
],
},
legend: {
@ -206,6 +220,15 @@ export default {
series: [
{
type: "radar",
label: {
normal: {
show: true,
formatter: (params) => {
return params.value;
},
fontSize: 14,
},
},
symbolSize: 0,
areaStyle: {
normal: {
@ -220,10 +243,35 @@ export default {
{
value: [60, 60, 60, 60, 60],
name: "48-60个月幼儿测评范围值",
symbol: "circle",
symbolSize: 10,
lineStyle: {
normal: {
type: "solid",
},
},
itemStyle: {
color: "#f08080",
},
areaStyle: {
opacity: 0.7,
},
},
{
value: this.values,
name: "幼儿实际测评值",
symbolSize: 5,
lineStyle: {
normal: {
type: "dotted",
},
},
itemStyle: {
color: "#ebcc7b",
},
areaStyle: {
opacity: 0.5,
},
},
],
animationDuration: animationDuration,
@ -252,22 +300,12 @@ export default {
radius: "66%",
center: ["50%", "52%"],
splitNumber: 8,
splitArea: {
areaStyle: {
color: "rgba(127,95,132,.3)",
opacity: 1,
shadowBlur: 45,
shadowColor: "rgba(0,0,0,.5)",
shadowOffsetX: 0,
shadowOffsetY: 15,
},
},
indicator: [
{ name: "健康", max: 100 },
{ name: "语言", max: 100 },
{ name: "社会", max: 100 },
{ name: "科学", max: 100 },
{ name: "艺术", max: 100 },
{ name: "健康", max: 72 },
{ name: "语言", max: 72 },
{ name: "社会", max: 72 },
{ name: "科学", max: 72 },
{ name: "艺术", max: 72 },
],
},
legend: {
@ -278,6 +316,15 @@ export default {
series: [
{
type: "radar",
label: {
normal: {
show: true,
formatter: (params) => {
return params.value;
},
fontSize: 14,
},
},
symbolSize: 0,
areaStyle: {
normal: {
@ -292,10 +339,35 @@ export default {
{
value: [48, 48, 48, 48, 48],
name: "36-48个月幼儿测评范围值",
symbol: "circle",
symbolSize: 10,
lineStyle: {
normal: {
type: "solid",
},
},
itemStyle: {
color: "#f08080",
},
areaStyle: {
opacity: 0.7,
},
},
{
value: this.values,
name: "幼儿实际测评值",
symbolSize: 5,
lineStyle: {
normal: {
type: "dotted",
},
},
itemStyle: {
color: "#ebcc7b",
},
areaStyle: {
opacity: 0.5,
},
},
],
animationDuration: animationDuration,

84
ruoyi-ui/src/views/dashboard/RadarChart_jk.vue
View File

@ -138,16 +138,6 @@ export default {
radius: "66%",
center: ["50%", "50%"],
splitNumber: 12,
splitArea: {
areaStyle: {
color: "rgba(127,95,132,.3)",
opacity: 1,
shadowBlur: 45,
shadowColor: "rgba(0,0,0,.5)",
shadowOffsetX: 0,
shadowOffsetY: 15,
},
},
indicator: this.names,
},
legend: {
@ -158,6 +148,15 @@ export default {
series: [
{
type: "radar",
label: {
normal: {
show: true,
formatter: (params) => {
return params.value;
},
fontSize: 14,
},
},
symbolSize: 0,
areaStyle: {
normal: {
@ -204,16 +203,6 @@ export default {
radius: "66%",
center: ["50%", "50%"],
splitNumber: 10,
splitArea: {
areaStyle: {
color: "rgba(127,95,132,.3)",
opacity: 1,
shadowBlur: 45,
shadowColor: "rgba(0,0,0,.5)",
shadowOffsetX: 0,
shadowOffsetY: 15,
},
},
indicator: this.names,
},
legend: {
@ -224,6 +213,15 @@ export default {
series: [
{
type: "radar",
label: {
normal: {
show: true,
formatter: (params) => {
return params.value;
},
fontSize: 14,
},
},
symbolSize: 0,
areaStyle: {
normal: {
@ -260,7 +258,7 @@ export default {
left: "center",
},
tooltip: {
trigger: 'item',
trigger: "item",
axisPointer: {
// 坐标轴指示器，坐标轴触发有效
type: "shadow", // 默认为直线，可选为：'line' | 'shadow'
@ -270,16 +268,6 @@ export default {
radius: "66%",
center: ["50%", "50%"],
splitNumber: 8,
splitArea: {
areaStyle: {
color: "rgba(127,95,132,.3)",
opacity: 1,
shadowBlur: 45,
shadowColor: "rgba(0,0,0,.5)",
shadowOffsetX: 0,
shadowOffsetY: 15,
},
},
indicator: this.names,
},
legend: {
@ -290,6 +278,15 @@ export default {
series: [
{
type: "radar",
label: {
normal: {
show: true,
formatter: (params) => {
return params.value;
},
fontSize: 14,
},
},
symbolSize: 0,
areaStyle: {
normal: {
@ -304,10 +301,35 @@ export default {
{
value: this.mbvalues,
name: "36-48个月幼儿测评范围值",
symbol: "circle",
symbolSize: 10,
lineStyle: {
normal: {
type: "solid",
},
},
itemStyle: {
color: "#f08080",
},
areaStyle: {
opacity: 0.7,
},
},
{
value: this.values,
name: "幼儿实际测评值",
symbolSize: 5,
lineStyle: {
normal: {
type: "dotted",
},
},
itemStyle: {
color: "#ebcc7b",
},
areaStyle: {
opacity: 0.5,
},
},
],
animationDuration: animationDuration,

132
ruoyi-ui/src/views/dashboard/RadarChart_kx.vue
View File

@ -138,16 +138,6 @@ export default {
radius: "66%",
center: ["50%", "50%"],
splitNumber: 12,
splitArea: {
areaStyle: {
color: "rgba(127,95,132,.3)",
opacity: 1,
shadowBlur: 45,
shadowColor: "rgba(0,0,0,.5)",
shadowOffsetX: 0,
shadowOffsetY: 15,
},
},
indicator: this.names,
},
legend: {
@ -158,6 +148,15 @@ export default {
series: [
{
type: "radar",
label: {
normal: {
show: true,
formatter: (params) => {
return params.value;
},
fontSize: 14,
},
},
symbolSize: 0,
areaStyle: {
normal: {
@ -172,10 +171,35 @@ export default {
{
value: this.mbvalues,
name: "60-72个月幼儿测评范围值",
symbol: "circle",
symbolSize: 10,
lineStyle: {
normal: {
type: "solid",
},
},
itemStyle: {
color: "#f08080",
},
areaStyle: {
opacity: 0.7,
},
},
{
value: this.values,
name: "幼儿实际测评值",
symbolSize: 5,
lineStyle: {
normal: {
type: "dotted",
},
},
itemStyle: {
color: "#ebcc7b",
},
areaStyle: {
opacity: 0.5,
},
},
],
animationDuration: animationDuration,
@ -204,16 +228,6 @@ export default {
radius: "66%",
center: ["50%", "50%"],
splitNumber: 10,
splitArea: {
areaStyle: {
color: "rgba(127,95,132,.3)",
opacity: 1,
shadowBlur: 45,
shadowColor: "rgba(0,0,0,.5)",
shadowOffsetX: 0,
shadowOffsetY: 15,
},
},
indicator: this.names,
},
legend: {
@ -224,6 +238,15 @@ export default {
series: [
{
type: "radar",
label: {
normal: {
show: true,
formatter: (params) => {
return params.value;
},
fontSize: 14,
},
},
symbolSize: 0,
areaStyle: {
normal: {
@ -238,10 +261,35 @@ export default {
{
value: this.mbvalues,
name: "48-60个月幼儿测评范围值",
symbol: "circle",
symbolSize: 10,
lineStyle: {
normal: {
type: "solid",
},
},
itemStyle: {
color: "#f08080",
},
areaStyle: {
opacity: 0.7,
},
},
{
value: this.values,
name: "幼儿实际测评值",
symbolSize: 5,
lineStyle: {
normal: {
type: "dotted",
},
},
itemStyle: {
color: "#ebcc7b",
},
areaStyle: {
opacity: 0.5,
},
},
],
animationDuration: animationDuration,
@ -270,16 +318,6 @@ export default {
radius: "66%",
center: ["50%", "50%"],
splitNumber: 8,
splitArea: {
areaStyle: {
color: "rgba(127,95,132,.3)",
opacity: 1,
shadowBlur: 45,
shadowColor: "rgba(0,0,0,.5)",
shadowOffsetX: 0,
shadowOffsetY: 15,
},
},
indicator: this.names,
},
legend: {
@ -290,6 +328,15 @@ export default {
series: [
{
type: "radar",
label: {
normal: {
show: true,
formatter: (params) => {
return params.value;
},
fontSize: 14,
},
},
symbolSize: 0,
areaStyle: {
normal: {
@ -304,10 +351,35 @@ export default {
{
value: this.mbvalues,
name: "36-48个月幼儿测评范围值",
symbol: "circle",
symbolSize: 10,
lineStyle: {
normal: {
type: "solid",
},
},
itemStyle: {
color: "#f08080",
},
areaStyle: {
opacity: 0.7,
},
},
{
value: this.values,
name: "幼儿实际测评值",
symbolSize: 5,
lineStyle: {
normal: {
type: "dotted",
},
},
itemStyle: {
color: "#ebcc7b",
},
areaStyle: {
opacity: 0.5,
},
},
],
animationDuration: animationDuration,

132
ruoyi-ui/src/views/dashboard/RadarChart_sh.vue
View File

@ -138,16 +138,6 @@ export default {
radius: "66%",
center: ["50%", "50%"],
splitNumber: 12,
splitArea: {
areaStyle: {
color: "rgba(127,95,132,.3)",
opacity: 1,
shadowBlur: 45,
shadowColor: "rgba(0,0,0,.5)",
shadowOffsetX: 0,
shadowOffsetY: 15,
},
},
indicator: this.names,
},
legend: {
@ -158,6 +148,15 @@ export default {
series: [
{
type: "radar",
label: {
normal: {
show: true,
formatter: (params) => {
return params.value;
},
fontSize: 14,
},
},
symbolSize: 0,
areaStyle: {
normal: {
@ -172,10 +171,35 @@ export default {
{
value: this.mbvalues,
name: "60-72个月幼儿测评范围值",
symbol: "circle",
symbolSize: 10,
lineStyle: {
normal: {
type: "solid",
},
},
itemStyle: {
color: "#f08080",
},
areaStyle: {
opacity: 0.7,
},
},
{
value: this.values,
name: "幼儿实际测评值",
symbolSize: 5,
lineStyle: {
normal: {
type: "dotted",
},
},
itemStyle: {
color: "#ebcc7b",
},
areaStyle: {
opacity: 0.5,
},
},
],
animationDuration: animationDuration,
@ -204,16 +228,6 @@ export default {
radius: "66%",
center: ["50%", "50%"],
splitNumber: 10,
splitArea: {
areaStyle: {
color: "rgba(127,95,132,.3)",
opacity: 1,
shadowBlur: 45,
shadowColor: "rgba(0,0,0,.5)",
shadowOffsetX: 0,
shadowOffsetY: 15,
},
},
indicator: this.names,
},
legend: {
@ -224,6 +238,15 @@ export default {
series: [
{
type: "radar",
label: {
normal: {
show: true,
formatter: (params) => {
return params.value;
},
fontSize: 14,
},
},
symbolSize: 0,
areaStyle: {
normal: {
@ -238,10 +261,35 @@ export default {
{
value: this.mbvalues,
name: "48-60个月幼儿测评范围值",
symbol: "circle",
symbolSize: 10,
lineStyle: {
normal: {
type: "solid",
},
},
itemStyle: {
color: "#f08080",
},
areaStyle: {
opacity: 0.7,
},
},
{
value: this.values,
name: "幼儿实际测评值",
symbolSize: 5,
lineStyle: {
normal: {
type: "dotted",
},
},
itemStyle: {
color: "#ebcc7b",
},
areaStyle: {
opacity: 0.5,
},
},
],
animationDuration: animationDuration,
@ -270,16 +318,6 @@ export default {
radius: "66%",
center: ["50%", "50%"],
splitNumber: 8,
splitArea: {
areaStyle: {
color: "rgba(127,95,132,.3)",
opacity: 1,
shadowBlur: 45,
shadowColor: "rgba(0,0,0,.5)",
shadowOffsetX: 0,
shadowOffsetY: 15,
},
},
indicator: this.names,
},
legend: {
@ -290,6 +328,15 @@ export default {
series: [
{
type: "radar",
label: {
normal: {
show: true,
formatter: (params) => {
return params.value;
},
fontSize: 14,
},
},
symbolSize: 0,
areaStyle: {
normal: {
@ -304,10 +351,35 @@ export default {
{
value: this.mbvalues,
name: "36-48个月幼儿测评范围值",
symbol: "circle",
symbolSize: 10,
lineStyle: {
normal: {
type: "solid",
},
},
itemStyle: {
color: "#f08080",
},
areaStyle: {
opacity: 0.7,
},
},
{
value: this.values,
name: "幼儿实际测评值",
symbolSize: 5,
lineStyle: {
normal: {
type: "dotted",
},
},
itemStyle: {
color: "#ebcc7b",
},
areaStyle: {
opacity: 0.5,
},
},
],
animationDuration: animationDuration,

132
ruoyi-ui/src/views/dashboard/RadarChart_ys.vue
View File

@ -138,16 +138,6 @@ export default {
radius: "66%",
center: ["50%", "50%"],
splitNumber: 12,
splitArea: {
areaStyle: {
color: "rgba(127,95,132,.3)",
opacity: 1,
shadowBlur: 45,
shadowColor: "rgba(0,0,0,.5)",
shadowOffsetX: 0,
shadowOffsetY: 15,
},
},
indicator: this.names,
},
legend: {
@ -158,6 +148,15 @@ export default {
series: [
{
type: "radar",
label: {
normal: {
show: true,
formatter: (params) => {
return params.value;
},
fontSize: 14,
},
},
symbolSize: 0,
areaStyle: {
normal: {
@ -172,10 +171,35 @@ export default {
{
value: this.mbvalues,
name: "60-72个月幼儿测评范围值",
symbol: "circle",
symbolSize: 10,
lineStyle: {
normal: {
type: "solid",
},
},
itemStyle: {
color: "#f08080",
},
areaStyle: {
opacity: 0.7,
},
},
{
value: this.values,
name: "幼儿实际测评值",
symbolSize: 5,
lineStyle: {
normal: {
type: "dotted",
},
},
itemStyle: {
color: "#ebcc7b",
},
areaStyle: {
opacity: 0.5,
},
},
],
animationDuration: animationDuration,
@ -204,16 +228,6 @@ export default {
radius: "66%",
center: ["50%", "50%"],
splitNumber: 10,
splitArea: {
areaStyle: {
color: "rgba(127,95,132,.3)",
opacity: 1,
shadowBlur: 45,
shadowColor: "rgba(0,0,0,.5)",
shadowOffsetX: 0,
shadowOffsetY: 15,
},
},
indicator: this.names,
},
legend: {
@ -224,6 +238,15 @@ export default {
series: [
{
type: "radar",
label: {
normal: {
show: true,
formatter: (params) => {
return params.value;
},
fontSize: 14,
},
},
symbolSize: 0,
areaStyle: {
normal: {
@ -238,10 +261,35 @@ export default {
{
value: this.mbvalues,
name: "48-60个月幼儿测评范围值",
symbol: "circle",
symbolSize: 10,
lineStyle: {
normal: {
type: "solid",
},
},
itemStyle: {
color: "#f08080",
},
areaStyle: {
opacity: 0.7,
},
},
{
value: this.values,
name: "幼儿实际测评值",
symbolSize: 5,
lineStyle: {
normal: {
type: "dotted",
},
},
itemStyle: {
color: "#ebcc7b",
},
areaStyle: {
opacity: 0.5,
},
},
],
animationDuration: animationDuration,
@ -270,16 +318,6 @@ export default {
radius: "66%",
center: ["50%", "50%"],
splitNumber: 8,
splitArea: {
areaStyle: {
color: "rgba(127,95,132,.3)",
opacity: 1,
shadowBlur: 45,
shadowColor: "rgba(0,0,0,.5)",
shadowOffsetX: 0,
shadowOffsetY: 15,
},
},
indicator: this.names,
},
legend: {
@ -290,6 +328,15 @@ export default {
series: [
{
type: "radar",
label: {
normal: {
show: true,
formatter: (params) => {
return params.value;
},
fontSize: 14,
},
},
symbolSize: 0,
areaStyle: {
normal: {
@ -304,10 +351,35 @@ export default {
{
value: this.mbvalues,
name: "36-48个月幼儿测评范围值",
symbol: "circle",
symbolSize: 10,
lineStyle: {
normal: {
type: "solid",
},
},
itemStyle: {
color: "#f08080",
},
areaStyle: {
opacity: 0.7,
},
},
{
value: this.values,
name: "幼儿实际测评值",
symbolSize: 5,
lineStyle: {
normal: {
type: "dotted",
},
},
itemStyle: {
color: "#ebcc7b",
},
areaStyle: {
opacity: 0.5,
},
},
],
animationDuration: animationDuration,

132
ruoyi-ui/src/views/dashboard/RadarChart_yy.vue
View File

@ -138,16 +138,6 @@ export default {
radius: "66%",
center: ["50%", "50%"],
splitNumber: 12,
splitArea: {
areaStyle: {
color: "rgba(127,95,132,.3)",
opacity: 1,
shadowBlur: 45,
shadowColor: "rgba(0,0,0,.5)",
shadowOffsetX: 0,
shadowOffsetY: 15,
},
},
indicator: this.names,
},
legend: {
@ -158,6 +148,15 @@ export default {
series: [
{
type: "radar",
label: {
normal: {
show: true,
formatter: (params) => {
return params.value;
},
fontSize: 14,
},
},
symbolSize: 0,
areaStyle: {
normal: {
@ -172,10 +171,35 @@ export default {
{
value: this.mbvalues,
name: "60-72个月幼儿测评范围值",
symbol: "circle",
symbolSize: 10,
lineStyle: {
normal: {
type: "solid",
},
},
itemStyle: {
color: "#f08080",
},
areaStyle: {
opacity: 0.7,
},
},
{
value: this.values,
name: "幼儿实际测评值",
symbolSize: 5,
lineStyle: {
normal: {
type: "dotted",
},
},
itemStyle: {
color: "#ebcc7b",
},
areaStyle: {
opacity: 0.5,
},
},
],
animationDuration: animationDuration,
@ -204,16 +228,6 @@ export default {
radius: "66%",
center: ["50%", "50%"],
splitNumber: 10,
splitArea: {
areaStyle: {
color: "rgba(127,95,132,.3)",
opacity: 1,
shadowBlur: 45,
shadowColor: "rgba(0,0,0,.5)",
shadowOffsetX: 0,
shadowOffsetY: 15,
},
},
indicator: this.names,
},
legend: {
@ -224,6 +238,15 @@ export default {
series: [
{
type: "radar",
label: {
normal: {
show: true,
formatter: (params) => {
return params.value;
},
fontSize: 14,
},
},
symbolSize: 0,
areaStyle: {
normal: {
@ -238,10 +261,35 @@ export default {
{
value: this.mbvalues,
name: "48-60个月幼儿测评范围值",
symbol: "circle",
symbolSize: 10,
lineStyle: {
normal: {
type: "solid",
},
},
itemStyle: {
color: "#f08080",
},
areaStyle: {
opacity: 0.7,
},
},
{
value: this.values,
name: "幼儿实际测评值",
symbolSize: 5,
lineStyle: {
normal: {
type: "dotted",
},
},
itemStyle: {
color: "#ebcc7b",
},
areaStyle: {
opacity: 0.5,
},
},
],
animationDuration: animationDuration,
@ -270,16 +318,6 @@ export default {
radius: "66%",
center: ["50%", "50%"],
splitNumber: 8,
splitArea: {
areaStyle: {
color: "rgba(127,95,132,.3)",
opacity: 1,
shadowBlur: 45,
shadowColor: "rgba(0,0,0,.5)",
shadowOffsetX: 0,
shadowOffsetY: 15,
},
},
indicator: this.names,
},
legend: {
@ -290,6 +328,15 @@ export default {
series: [
{
type: "radar",
label: {
normal: {
show: true,
formatter: (params) => {
return params.value;
},
fontSize: 14,
},
},
symbolSize: 0,
areaStyle: {
normal: {
@ -304,10 +351,35 @@ export default {
{
value: this.mbvalues,
name: "36-48个月幼儿测评范围值",
symbol: "circle",
symbolSize: 10,
lineStyle: {
normal: {
type: "solid",
},
},
itemStyle: {
color: "#f08080",
},
areaStyle: {
opacity: 0.7,
},
},
{
value: this.values,
name: "幼儿实际测评值",
symbolSize: 5,
lineStyle: {
normal: {
type: "dotted",
},
},
itemStyle: {
color: "#ebcc7b",
},
areaStyle: {
opacity: 0.5,
},
},
],
animationDuration: animationDuration,