在使用 echarts 图表时,如果遇到图表不显示,你可以依次检查以下信息:

  • echarts.js 是否正常被加载;
  • echarts 变量是否存在;
  • 调用 echarts.init 的时候,DOM 容器是否有宽高。

首先就是检查 echarts.js 是否正常被加载,比如路径是否错误?如果调用的第三方 cdn 文件,那么服务是否正常?

其次检查是否定义了 echarts 变量,也就是是否有下面的代码:

var chartDom = document.getElementById('chart');
var myChart = echarts.init(chartDom);

最后就是检查上一步中使用的 dom 容器是否存在以及是否设置了宽和高。