option = {
backgroundColor:'#0D2038',
color: ['#1890FF'],
tooltip: {
trigger: 'axis',
axisPointer: {
// 坐标轴指示器，坐标轴触发有效
type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
}
},
grid: {
left: '3%',
right: '4%',
bottom: '3%',
containLabel: true
},
xAxis: [
{
type: 'category',
data: ['1月','2月','3月','4月','5月','6月','7月','8月','9月','10月','11月','12月'],
boundaryGap: false,
axisTick:{
show:false // 不显示坐标轴刻度线
},
splitLine: {
show: true,
lineStyle: {
type:'dashed',
color:'rgba(230, 247, 255, 0.20)'
}
},
axisLine:{
lineStyle:{
color:'#ffffff'
},
},
//x底部文字
axisLabel: {
textStyle: {
padding: [10, 0, 0, 0],//表示 [上, 右, 下, 左] 的边距。
color: 'rgba(230, 247, 255, 0.50)',
fontSize:16
}
}
}
],
yAxis: [
{
type: 'value',
//y右侧文字
axisLabel: {
textStyle: {
color: 'rgba(230, 247, 255, 0.50)',
fontSize:16
}
},
// y轴的分割线
splitLine: {
show: true,
lineStyle: {
type:'dashed',
color:'rgba(230, 247, 255, 0.20)',
}
}
}
],
series: [
{
name: '收入统计',
type: 'line',
smooth: true,
symbol:'circle',//拐点设置为实心
symbolSize:10,//拐点大小
itemStyle:{
normal:{
borderColor:'rgba(42,157,255,.2)',//拐点边框颜色
borderWidth:10,//拐点边框大小，
color:'#1890FF'
},
},
tooltip: {
trigger: 'axis',
axisPointer: {
// 坐标轴指示器，坐标轴触发有效
type: 'line' // 默认为直线，可选为：'line' | 'shadow'
}
},
lineStyle: {
normal: {
width: 3,
shadowColor: "#1890FF",
shadowBlur: 20
}
},
areaStyle: {
opacity: 1,
//右下左上
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
{
offset: 0,
color: 'rgba(24, 144, 255, .5)'
},
{
offset: 0.3,
color: 'rgba(24, 144, 255, 0.2)'
},
{
offset: 1,
color: 'rgba(24, 144, 255, 0)'
}
])
},
data: [
{value:252},
{value:307},
{value:456},
{value:578},
{value:625},
{
value:600,
symbolSize:15,
itemStyle:{
color:'#1EE7E7',
borderColor:'rgba(30,231,231,.5)',
borderWidth:15,//拐点边框大小，
}
},
]
}
]
}