var myChart1 = echarts.init(document.getElementById('echarts1'));
window.addEventListener("resize", function () {
myChart1.resize();
});
myChart1.setOption({
legend: {
data: ['注册人数']
},
tooltip: {},
xAxis: {
name: '时间',
nameTextStyle: {
color: '#9FA9BC'
},
type: 'category',
data:['10:00', '11:00', '12:00', '13:00', '14:00', '15:00', '16:00'],
axisLabel: {
show: true,
// formatter:'{value}人',
textStyle: {
color: '#9FA9BC'//Y轴坐标的颜色
}
},
axisLine: {
lineStyle: {
type: 'solid',
color: '#9FA9BC',
width: '1'
}
},
},
yAxis: {
name: '人数/人',
nameTextStyle: {
color: '#9FA9BC'
},
type: 'value',
axisLabel: {
show: true,
// formatter:'{value}人',
textStyle: {
color: '#9FA9BC'//Y轴坐标的颜色
}
},
splitLine: {
show: true,
lineStyle: {
color: '#f5f5f5',//网格线的颜色
width: 1,
type: 'solid'
}
},
min: 0,
max: 10,
axisLine: {
lineStyle: {
type: 'solid',
color:'#9FA9BC',
width: '1'
}
},
},
series: [{
name: '注册人数',
data: [1, 3, 2, 4, 6, 3, 1],
type: 'line',
color: '#3252FF'
}]
});
Echarts设置网格线样式、X轴Y轴的样式(单位设置)、legend
最新推荐文章于 2024-08-22 09:43:13 发布