This commit is contained in:
duanxiaohai 2024-05-23 16:58:42 +08:00
parent 592c5105e8
commit 4c6e25f616
5 changed files with 73 additions and 0 deletions

View File

@ -157,6 +157,14 @@ const option = {
data: data, data: data,
barWidth: 20, barWidth: 20,
type: "bar", type: "bar",
label:{
show:true,
position:'top',
color:'#ffffff',
formatter:function(data){
return data.value
}
},
}, },
// { // {
// // name: "", // // name: "",

View File

@ -136,6 +136,14 @@ const getOption = () => {
type: "bar", type: "bar",
data: data.list[1], data: data.list[1],
barWidth: "18%", barWidth: "18%",
label:{
show:true,
position:'top',
color:'#ffffff',
formatter:function(data){
return data.value
}
},
itemStyle: { itemStyle: {
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [ color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
{ {
@ -154,6 +162,14 @@ const getOption = () => {
type: "bar", type: "bar",
data: data.list[0], data: data.list[0],
barWidth: "18%", barWidth: "18%",
label:{
show:true,
position:'top',
color:'#ffffff',
formatter:function(data){
return data.value
}
},
itemStyle: { itemStyle: {
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [ color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
{ {

View File

@ -158,6 +158,14 @@ const option = {
stack: "Total", stack: "Total",
symbol: "emptyCircle", symbol: "emptyCircle",
symbolSize: 10, symbolSize: 10,
label:{
show:true,
position:'top',
color:'#ffffff',
formatter:function(data){
return data.value
}
},
itemStyle: { itemStyle: {
borderColor: "#00FCFF", borderColor: "#00FCFF",
borderWidth: 1, borderWidth: 1,
@ -170,6 +178,14 @@ const option = {
data: data, data: data,
barWidth: 20, barWidth: 20,
type: "bar", type: "bar",
label:{
show:true,
position:'insideTop',
color:'#ffffff',
formatter:function(data){
return data.value
}
},
itemStyle: { itemStyle: {
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [ color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
{ {

View File

@ -184,6 +184,14 @@ const option = {
stack: "Total", stack: "Total",
symbol: "emptyCircle", symbol: "emptyCircle",
symbolSize: 10, symbolSize: 10,
label:{
show:true,
position:'top',
color:'#ffffff',
formatter:function(data){
return data.value
}
},
itemStyle: { itemStyle: {
borderColor: "#00FCFF", borderColor: "#00FCFF",
borderWidth: 1, borderWidth: 1,
@ -196,6 +204,14 @@ const option = {
data: data, data: data,
barWidth: 20, barWidth: 20,
type: "bar", type: "bar",
label:{
show:true,
position:'insideTop',
color:'#ffffff',
formatter:function(data){
return data.value
}
},
itemStyle: { itemStyle: {
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [ color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
{ {

View File

@ -188,6 +188,7 @@ const option = {
symbolOffset: [0, 1], // symbolOffset: [0, 1], //
z: 12, z: 12,
symbol: "circle", // symbol: "circle", //
itemStyle: { itemStyle: {
color: "rgba(38, 191, 254, 1)", color: "rgba(38, 191, 254, 1)",
// color: "red", // color: "red",
@ -203,6 +204,14 @@ const option = {
stack: "Total", stack: "Total",
symbol: "emptyCircle", symbol: "emptyCircle",
symbolSize: 10, symbolSize: 10,
label:{
show:true,
position:'top',
color:'#ffffff',
formatter:function(data){
return data.value
}
},
itemStyle: { itemStyle: {
borderWidth: 1, borderWidth: 1,
color: "rgba(36, 104, 255, 1)", color: "rgba(36, 104, 255, 1)",
@ -216,6 +225,14 @@ const option = {
data: data, data: data,
barWidth: 30, barWidth: 30,
type: "bar", type: "bar",
label:{
show:true,
position:'insideTop',
color:'#ffffff',
formatter:function(data){
return data.value
}
},
itemStyle: { itemStyle: {
// borderColor: "#00FCFF", // borderColor: "#00FCFF",
// borderWidth: 1, // borderWidth: 1,