echarts报错Uncaught (in promise) Error: Initialize failed: invalid dom.

x33g5p2x  于2022-03-29 转载在 其他  
字(0.7k)|赞(0)|评价(0)|浏览(1568)

在echart初始化函数外加个延时就可以:

加上延时会进入异步队列,同步可能获取不到dom

  1. setTimeout(() => {
  2. init2();
  3. }, 1);
  4. function init2() {
  5. var chartDom = document.getElementById("Node2");
  6. var myChart = echarts.init(chartDom);
  7. var option;
  8. option = {
  9. tooltip: {
  10. trigger: "item",
  11. },
  12. legend: {
  13. top: "0%",
  14. // bottom:"5%",
  15. left: "center",
  16. textStyle: {
  17. color: "#ffffff",
  18. },
  19. },
  20. series: [
  21. {
  22. // name: "能耗",
  23. type: "pie",
  24. radius: ["40%", "70%"],
  25. avoidLabelOverlap: false,
  26. label: {
  27. show: false,
  28. position: "center",
  29. },
  30. emphasis: {
  31. label: {
  32. show: true,
  33. fontSize: "40",
  34. fontWeight: "bold",
  35. },
  36. },
  37. labelLine: {
  38. show: false,
  39. },
  40. data: haoneng.value,
  41. },
  42. ],
  43. };
  44. option && myChart.setOption(option);
  45. }

相关文章