echarts初始化的getElementById与div 标签id的混淆造成的错误问题

Icy可乐

已于 2022-09-30 22:45:10 修改

阅读量1.2k

点赞数

文章标签： echarts 前端 javascript

于 2022-09-30 22:33:25 首次发布

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.youkuaiyun.com/qq_52371317/article/details/127129866

版权

本文介绍了如何在网页中使用ECharts库进行图表初始化。关键在于通过getElementById方法获取指定ID的DOM容器，例如'id名为'pie''的div元素，并使用echarts.init方法将ECharts实例绑定到这个容器上，实现数据可视化渲染。同时提到，该div的id不仅可以作为ECharts定位元素的标识，也可兼作CSS样式选择器。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

调入echarts.js后，因为该echarts的初始化使用的是getElementById ，因此在放置echarts的容器

的id即为echarts 中

get的id名如此处的'pie',当然在div中id可以为单纯的用于echarts找到该容器并渲染，也可以同时为css id属性用法和寻找到该div渲染。

let mycharts = echarts.init(document.getElementById('pie'))

注意： getElementById('pie') 处的id名就是放置容器的哪个id名。

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。