100 lines
1.4 KiB
JavaScript
100 lines
1.4 KiB
JavaScript
const eopts = {
|
|
// 图例组件
|
|
legend: {
|
|
top: '0%',
|
|
padding: [50, 0, 0, 0],
|
|
textStyle: {
|
|
fontSize: 18,
|
|
fontWeight: 'normal'
|
|
}
|
|
},
|
|
// 工具栏 内置有导出图片,数据视图,动态类型切换,数据区域缩放,重置五个工具
|
|
toolbox: {
|
|
show: true,
|
|
feature: {
|
|
magicType: {
|
|
type: ['line', 'bar']
|
|
},
|
|
restore: {},
|
|
saveAsImage: {},
|
|
},
|
|
emphasis: {
|
|
iconStyle: {
|
|
color: '#17B54D'
|
|
}
|
|
},
|
|
top: 30,
|
|
right: 20,
|
|
itemSize: 20,
|
|
},
|
|
// 提示框组件
|
|
tooltip: {
|
|
trigger: "axis",
|
|
},
|
|
// 网格
|
|
grid: {
|
|
top: '24%',
|
|
left: '2%',
|
|
right: '4%',
|
|
bottom: '3%',
|
|
containLabel: true,
|
|
tooltip: {
|
|
trigger: 'axis',
|
|
padding: 20,
|
|
textStyle: {
|
|
fontSize: 18
|
|
}
|
|
},
|
|
},
|
|
// x 轴
|
|
xAxis: {
|
|
axisLine: {
|
|
lineStyle: {
|
|
color: '#1A1A1A',
|
|
width: 2
|
|
}
|
|
},
|
|
axisTick: {
|
|
show: false
|
|
},
|
|
axisLabel: {
|
|
fontSize: 16,
|
|
color: '#1A1A1A',
|
|
padding: [15, 0, 0, 0],
|
|
overflow: "break",
|
|
showMinLabel: true,
|
|
showMaxLabel: true,
|
|
rotate: 0
|
|
},
|
|
boundaryGap: true,
|
|
},
|
|
// y 轴
|
|
yAxis: [{
|
|
splitNumber: 8,
|
|
min: 0,
|
|
max: 350,
|
|
axisLine: {
|
|
show: false
|
|
},
|
|
axisTick: {
|
|
show: false,
|
|
},
|
|
axisLabel: {
|
|
fontSize: 14,
|
|
color: '#1A1A1A',
|
|
padding: [0, 10, 0, 0],
|
|
},
|
|
splitLine: {
|
|
lineStyle: {
|
|
color: '#ccc',
|
|
type: "dashed"
|
|
}
|
|
}
|
|
}],
|
|
textStyle: {
|
|
fontWeight:300
|
|
}
|
|
};
|
|
|
|
export default eopts;
|