option = {
backgroundColor: '#081736',
tooltip: {
trigger: 'axis',
},
grid: {
top: '25%',
right: '5%',
left: '10%',
bottom: '36%'
},
xAxis: [{
name: '月',
type: 'category',
axisLabel: {
color: '#fff'
},
axisLine: {
show: true,
lineStyle: {
color: '#fff'
}
},
axisTick: {
show: false,
},
splitLine: {
show: false,
lineStyle: {
color: '#195384',
type: "dotted",
}
},
data: ["1","2","3","4","5","6","7","8","9","10","11","12"]
}],
yAxis: [
{
type: 'value',
name: "销量(万元)",
min: 0,
position: 'left',
nameTextStyle: {
color: "#fff",
fontSize: 11,
},
axisLine: {
show: true,
lineStyle: {
color: '#fff'
}
},
axisTick: {
show: false,
},
splitLine: {
show: true,
lineStyle: {
color: '#0a3e98',
type: "dotted",
}
},
axisLabel: {
formatter: '{value}',
textStyle: {
color: "#fff",
}
},
}
],
series: [
{
name:'销量',
type: 'line',
// smooth: true, //是否平滑
showAllSymbol: true,
// symbol: 'image://./static/images/guang-circle.png',
symbol: 'circle',
symbolSize: 10,
lineStyle: {
normal: {
color: "#7F4CEF",
},
},
label: {
show: true,
position: 'top',
textStyle: {
color: '#fff',
}
},
itemStyle: {
color: "#fff",
borderColor: "#7F4CEF",
borderWidth: 3,
},
areaStyle: {
normal: {
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
offset: 0,
color: 'RGBA(127, 76, 239, 1)'
},
{
offset: 1,
color: 'RGBA(127, 76, 239, 0.2)'
}
], false),
shadowColor: 'RGBA(80, 38, 72, 0.2)',
shadowBlur: 20
}
},
data: ["0","0","0","0","0","0","0","0","0","5000","7689","14839"]
}
]
};