改颜色
This commit is contained in:
parent
5f025a2c8e
commit
9a9ed7fb6b
|
@ -277,12 +277,12 @@ const initLineChart = (xData,data1, data2) => {
|
||||||
symbol: 'circle',
|
symbol: 'circle',
|
||||||
smooth: true,
|
smooth: true,
|
||||||
data: data2,
|
data: data2,
|
||||||
lineStyle: { color: '#44c05b' },
|
lineStyle: { color: 'rgba(145,204,117,1)' },
|
||||||
itemStyle: { color: '#44c05b', borderColor: '#44c05b' },
|
itemStyle: { color: 'rgba(145,204,117,1)', borderColor: 'rgba(145,204,117,1)' },
|
||||||
areaStyle: {
|
areaStyle: {
|
||||||
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
||||||
{ offset: 0, color: '#44c05b' },
|
{ offset: 0, color: 'rgba(145,204,117,1)' },
|
||||||
{ offset: 1, color: '#44c05b' },
|
{ offset: 1, color: 'rgba(145,204,117,0)' },
|
||||||
]),
|
]),
|
||||||
},
|
},
|
||||||
}
|
}
|
||||||
|
@ -328,12 +328,12 @@ const initLineVandDChart = (xData,data1, data2) => {
|
||||||
symbol: 'circle',
|
symbol: 'circle',
|
||||||
smooth: true,
|
smooth: true,
|
||||||
data: data2,
|
data: data2,
|
||||||
lineStyle: { color: '#3d91e7' },
|
lineStyle: { color: 'rgba(84,112,198,1)' },
|
||||||
itemStyle: { color: '#3d91e7', borderColor: '#3d91e7' },
|
itemStyle: { color: 'rgba(84,112,198,1)', borderColor: 'rgba(84,112,198,1)' },
|
||||||
areaStyle: {
|
areaStyle: {
|
||||||
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
||||||
{ offset: 0, color: '#3d91e7' },
|
{ offset: 0, color: 'rgba(84,112,198,1)' },
|
||||||
{ offset: 1, color: '#3d91e7' },
|
{ offset: 1, color: 'rgba(84,112,198,0)' },
|
||||||
]),
|
]),
|
||||||
},
|
},
|
||||||
},{
|
},{
|
||||||
|
@ -343,12 +343,12 @@ const initLineVandDChart = (xData,data1, data2) => {
|
||||||
symbol: 'circle',
|
symbol: 'circle',
|
||||||
smooth: true,
|
smooth: true,
|
||||||
data: data1,
|
data: data1,
|
||||||
lineStyle: { color: '#e78d3d' },
|
lineStyle: { color: 'rgba(250,200,88,1)' },
|
||||||
itemStyle: { color: '#e78d3d', borderColor: '#e78d3d' },
|
itemStyle: { color: 'rgba(250,200,88,1)', borderColor: 'rgba(250,200,88,1)' },
|
||||||
areaStyle: {
|
areaStyle: {
|
||||||
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
||||||
{ offset: 0, color: '#e78d3d' },
|
{ offset: 0, color: 'rgba(250,200,88,1)' },
|
||||||
{ offset: 1, color: '#e78d3d' },
|
{ offset: 1, color: 'rgba(250,200,88,0)' },
|
||||||
]),
|
]),
|
||||||
},
|
},
|
||||||
}
|
}
|
||||||
|
@ -398,8 +398,8 @@ const initChiefChart = (xData,yData) => {
|
||||||
barWidth: 30,
|
barWidth: 30,
|
||||||
itemStyle: {
|
itemStyle: {
|
||||||
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
||||||
{ offset: 0, color: '#fe9a8bb3' },
|
{ offset: 0, color: 'rgba(238,102,102,1)' },
|
||||||
{ offset: 1, color: '#fe9a8b03' },
|
{ offset: 1, color: 'rgba(238,102,102,0)' },
|
||||||
]),
|
]),
|
||||||
//柱状图圆角
|
//柱状图圆角
|
||||||
borderRadius: [30, 30, 0, 0],
|
borderRadius: [30, 30, 0, 0],
|
||||||
|
@ -451,8 +451,8 @@ const initAdministratorsChart = (xData,yData) => {
|
||||||
yAxisIndex: 0,
|
yAxisIndex: 0,
|
||||||
itemStyle: {
|
itemStyle: {
|
||||||
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
||||||
{ offset: 0, color: 'rgba(108,80,243,0.3)' },
|
{ offset: 0, color: 'rgba(115,192,222,1)' },
|
||||||
{ offset: 1, color: 'rgba(108,80,243,0)' },
|
{ offset: 1, color: 'rgba(115,192,222,0)' },
|
||||||
]),
|
]),
|
||||||
//柱状图圆角
|
//柱状图圆角
|
||||||
borderRadius: [30, 30, 0, 0],
|
borderRadius: [30, 30, 0, 0],
|
||||||
|
|
Loading…
Reference in New Issue