echarts相关问题总结

时间:2022-07-23
本文章向大家介绍echarts相关问题总结，主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项，具有一定的参考价值，需要的朋友可以参考一下。

问题一, 如何调整图表的位置

写图表的时候会遇到,图表不充满给的区域如下图

解决: 在option里加上grid配置, 例如

const option = {
     grid: {  
        top: '10',
        bottom: '40'
      },
......
}

效果如下图

问题二, 如何更具窗口变化自动调整图表大小

如果不根据窗口改变,会导致出现大的空隙 解决: 如下代码即可

var yourChart = echarts.init(document.getElementById("taskChart"));
......
window.onresize = function () {
   yourChart.resize();
}

随机文章
WEB前端知识点必读
最近更新