import * as echarts from 'echarts'
// echart基础配置
let BASIC_OPTION = {
color: ['#4150d8', '#28bf7e', '#ed7c2f'],
legend: {
show: false
},
tooltip: {
show: true,
borderColor: '#ddd',
borderWidth: 1,
confine: true,
trigger: 'axis',
axisPointer: {
type: 'shadow'
},
textStyle: {
color: '#3c3c3c',
fontSize: 12
},
extraCssText: 'box-shadow: 0 0 5px rgba(0, 0, 0, 0.1)'
},
grid:{
z: 1,
bottom: '18%',
top: '5%',
left: '11%',
right: '2%'
},
xAxis:{
type: 'category',
axisLine: {
lineStyle: {
color: 'rgb(2,93,133)'
}
},
axisTick:{
show:false
},
splitLine: {
show:true,
lineStyle: {
color: 'rgb(2,51,73)'
}
},
axisLabel: {
color: 'rgba(255,255,255,1)',
}
},
yAxis: {
type: 'value',
// name: '单位：万元',
splitLine: {
show:true,
lineStyle: {
color: 'rgb(2,51,73)'
}
},
axisLine: {
show:true,
lineStyle: {
color: 'rgb(2,51,73)'
}
},
axisLabel: {
color: '#00f0fa',
}
},
series:{
type: 'line',
symbol: 'circle', // 默认是空心圆（中间是白色的），改成实心圆
showAllSymbol: true,
symbolSize: 0,
smooth: true,
lineStyle: {
width: 5,
color: "rgba(25,163,223,1)", // 线条颜色
borderColor: 'rgba(0,0,0,.4)',
},
itemStyle: {
color: "rgba(25,163,223,1)",
borderColor: "#646ace",
borderWidth: 2
},
areaStyle: { //区域填充样式
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
offset: 0,
color: "rgba(25,163,223,.3)"
},
{
offset: 1,
color: "rgba(25,163,223, 0)"
}], false),
shadowColor: 'rgba(25,163,223, 0.5)', //阴影颜色
shadowBlur: 20 //shadowBlur设图形阴影的模糊大小。配合shadowColor,shadowOffsetX/Y, 设置图形的阴影效果。
},
},
}
export { BASIC_OPTION }
评论0