option = {
backgroundColor: '#fff',
color: [
'#23CF9C',
'#578FFB',
'#6E40F2',
'#FF61E6',
'#8B5CFF',
'#00CA69',
],
legend: {
top: '10%',
},
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'shadow',
},
},
grid: {
top:'20%',
left: '4%',
right: '4%',
bottom: '10%',
containLabel: true,
},
xAxis: [
{
type: 'category',
boundaryGap: false,
axisLabel: {
formatter: '{value}月',
textStyle: {
color: '#333',
},
},
axisLine: {
lineStyle: {
color: '#D9D9D9',
},
},
data: ['1', '2', '3', '4', '5', '6', '7', '8'],
},
],
yAxis: [
{
type: 'value',
name: '单位：万',
axisLabel: {
textStyle: {
color: '#666',
},
},
nameTextStyle: {
color: '#666',
fontSize: 12,
lineHeight: 40,
},
splitLine: {
lineStyle: {
type: 'dashed',
color: '#E9E9E9',
},
},
axisLine: {
show: false,
},
axisTick: {
show: false,
},
},
],
series: [
{
name: '工厂1',
type: 'line',
smooth: true,
// showSymbol: false,/
symbolSize: 8,
zlevel: 3,
areaStyle: {
normal: {
color: new echarts.graphic.LinearGradient(
0,
0,
0,
1,
[
{
offset: 0,
color: '#23CF9C30',
},
{
offset: 1,
color: '#23CF9C10',
},
],
false,
),
shadowColor: '#23CF9C10',
shadowBlur: 10,
},
},
data: [100, 138, 350, 173, 180, 150, 180, 230],
},
{
name: '工厂2',
type: 'line',
smooth: true,
// showSymbol: false,
symbolSize: 8,
zlevel: 3,
areaStyle: {
normal: {
color: new echarts.graphic.LinearGradient(
0,
0,
0,
1,
[
{
offset: 0,
color: '#578FFB30',
},
{
offset: 1,
color: '#578FFB10',
},
],
false,
),
shadowColor: '#578FFB10',
shadowBlur: 10,
},
},
data: [233, 233, 200, 180, 199, 233, 210, 180],
},
{
name: '工厂3',
type: 'line',
smooth: true,
// showSymbol: false,
symbolSize: 8,
zlevel: 3,
areaStyle: {
normal: {
color: new echarts.graphic.LinearGradient(
0,
0,
0,
1,
[
{
offset: 0,
color: '#6E40F230',
},
{
offset: 1,
color: '#6E40F210',
},
],
false,
),
shadowColor: '#6E40F210',
shadowBlur: 10,
},
},
data: [400, 300, 250, 140, 289, 13, 320, 180],
},
{
name: '工厂4',
type: 'line',
smooth: true,
// showSymbol: false,
symbolSize: 8,
zlevel: 3,
areaStyle: {
normal: {
color: new echarts.graphic.LinearGradient(
0,
0,
0,
1,
[
{
offset: 0,
color: '#FF61E630',
},
{
offset: 1,
color: '#FF61E610',
},
],
false,
),
shadowColor: '#FF61E610',
shadowBlur: 10,
},
},
data: [20, 525, 241, 321, 58, 122, 75, 243],
},
],
}