图表显示不全:
默认会采用标签不重叠的策略间隔显示标签。 可以设置成 0 强制显示所有标签
属性 interval:0 达到图表显示不全
//通过interval:0
xAxis: {
data: xData,
axisLabel: {
show: true,
width: '100px',
interval: 0,
textStyle: {
color: '#9CB1C8',
fontSize: 12,
},
},
axisTick: {
show: false,
},
},
如果设置为 1,表示『隔一个标签显示一个标签』,如果值为 2,表示隔两个标签显示一个标签,以此类推。 可以用数值表示间隔的数据
图表根据窗口自适应技巧:
在 JavaScript 中,resize 事件是在浏览器窗口被重置时触发的,如当用户调整窗口大小,或者最大化、最小化、恢复窗口大小显示时触发 resize 事件。利用该事件可以跟踪窗口大小的变化以便动态调整页面元素的显示大小
const element = document.getElementById('emission_reduce')
const myChart = echarts.init(element as HTMLDivElement)
window.addEventListener('resize', () => {
myChart.resize()
})
窗口改变,直接触发表单内置方法,resize()
但是表格样式,你要设置成百分比,或者视图单位来设置高度宽度
个