项目场景:
echart场景 vue2
问题描述
echart图表自适应
mounted() {
window.addEventListener('resize', this.handleResize)
this.initChart([])
},
beforeDestroy() {
// 在组件销毁前解绑resize事件
window.removeEventListener('resize', this.handleResize)
},
methods: {
initChart(data) {
this.mychart = echarts.init(document.getElementById('chart'))
const option = 。。。。。。。
this.mychart.setOption(option)
},
handleResize() {
if (this.mychart) {
// 调用Echarts实例的resize方法,重新绘制图表
this.mychart.resize()
}
},
},
问题描述
柱状图x轴垂直展示
option-》xAxis-》axisLabel
axisLabel: {
interval: 0,
formatter: function (value) {
return value.split("").join("\n");
}
},