Skip to content

T
techbook
Commit de8b2893 authored by zhangyanni's avatar zhangyanni
Browse files
Options

企业第二屏

parent 3c6feb8f
Hide whitespace changes
Inline Side-by-side
Showing with 64 additions and 8 deletions
src/views/report/busSecondScreen.vue
View file @ de8b2893
......@@ -98,12 +98,24 @@
data: [1232,400],
itemStyle: {
normal: {
color: '#FFB822',//设置柱子颜色
color: function (params) {
let colorList = [
"#FFB822",
"#0ABB87",
];
return colorList[params.dataIndex];//设置柱子颜色
},
label: {
show: true,//柱子上显示值
position: 'right',//值在柱子上方显示
textStyle: {
color: '#FFB822'//值得颜色
color: function (params) {
let colorList = [
"#FFB822",
"#0ABB87",
];
return colorList[params.dataIndex];//设置柱子颜色
},
}
},
barBorderRadius:[0, 10, 10, 0], // 设置柱状图圆角
......@@ -118,12 +130,28 @@
data: [1632,2842,1432,2012],
itemStyle: {
normal: {
color: '#FFB822',//设置柱子颜色
color: function (params) {
let colorList = [
"#FFB822",
"#5D78FF",
"#0ABB87",
"#FD387A"
];
return colorList[params.dataIndex];//设置柱子颜色
},//设置柱子颜色
label: {
show: true,//柱子上显示值
position: 'right',//值在柱子上方显示
textStyle: {
color: '#FFB822'//值得颜色
color: function (params) {
let colorList = [
"#FFB822",
"#5D78FF",
"#0ABB87",
"#FD387A"
];
return colorList[params.dataIndex];//设置柱子颜色
},//设置柱子颜色
}
},
barBorderRadius:[0, 10, 10, 0], // 设置柱状图圆角
......@@ -138,12 +166,26 @@
data: [2352,1222,872],
itemStyle: {
normal: {
color: '#FFB822',//设置柱子颜色
color: function (params) {
let colorList = [
"#FFB822",
"#5D78FF",
"#0ABB87",
];
return colorList[params.dataIndex];//设置柱子颜色
},//设置柱子颜色
label: {
show: true,//柱子上显示值
position: 'right',//值在柱子上方显示
textStyle: {
color: '#FFB822'//值得颜色
color: function (params) {
let colorList = [
"#FFB822",
"#5D78FF",
"#0ABB87",
];
return colorList[params.dataIndex];//设置柱子颜色
},//设置柱子颜色
}
},
barBorderRadius:[0, 10, 10, 0], // 设置柱状图圆角
......@@ -158,12 +200,26 @@
data: [18743,9923,12549],
itemStyle: {
normal: {
color: '#FFB822',//设置柱子颜色
color: function (params) {
let colorList = [
"#FFB822",
"#5D78FF",
"#0ABB87",
];
return colorList[params.dataIndex];//设置柱子颜色
},//设置柱子颜色
label: {
show: true,//柱子上显示值
position: 'right',//值在柱子上方显示
textStyle: {
color: '#FFB822'//值得颜色
color: function (params) {
let colorList = [
"#FFB822",
"#5D78FF",
"#0ABB87",
];
return colorList[params.dataIndex];//设置柱子颜色
},//设置柱子颜色
}
},
barBorderRadius:[0, 10, 10, 0], // 设置柱状图圆角
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment