![](https://img-blog.csdnimg.cn/5ac96af31fb142898233630c41b3ee1b.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
eCharts
echarts是一个使用 JavaScript 实现的开源可视化库,可以流畅的运行在 PC 和移动设备上,兼容当前绝大部分浏览器,丰富的可视化类型,千万数据的前端展现.
Tree_wws
大家好,我是 Tree_wws ,我是一个喜欢记录、喜欢思考、喜欢学习的人,希望和大家共同学习很进步,欢迎关注我呀 !!!
展开
-
【eCharts】Echarts中国地图绘制案例
Echarts 绘制中国地图案例推荐下载的中国地图json文件里面的地区名字是全称,那么在使用的过程中需要确保json文件中的省、市、县的名字和series中data中的省、市、县的名字一摸一样。否则数据无法显示出来,如果后端给的数据中地区名字和下载的json文件中地区名字不一致,可以自己手动去修改json文件中的地区名字或者是和后端人员商量修改后端的数据..........原创 2022-07-25 00:34:53 · 2580 阅读 · 1 评论 -
【echarts】第四部分 dataset数据集
eCharts 4 支持数据级组件,简单来说就是将数据和逻辑分离,更好的进行复用、理解。官网代码展示案例图:代码:总结以上就是今天要讲的内容,希望对大家有所帮助!!!原创 2022-06-23 22:35:52 · 852 阅读 · 0 评论 -
【eCharts】第三部分 在同一个容器中展示多个图表
其实也很简单,只需要在series中同时配置多个图表即可展示案例图:代码:总结以上就是今天要讲的内容,希望对大家有所帮助!!!原创 2022-06-23 20:03:28 · 1535 阅读 · 0 评论 -
【eCharts】第二部分 展示多个图表
导入多个图表其实很简单,只需在第一个案例的基础上,在创建一个新的dom,初始新的实例,配置对应的内容展示案例图:代码:总结以上就是今天要讲的内容,希望对大家有所帮助!!!原创 2022-06-23 17:56:41 · 2304 阅读 · 0 评论 -
【eCharts】第一部分 eCharts的准备工作
导入echarts从 npm 获取从 CDN 获取推荐从 bootcdn引用 echarts。创建一个dom并且设置它的宽高书写配置,下面的案例可以显示一个简单的柱状图展示案例图:代码:总结以上就是今天要讲的内容,希望对大家有所帮助!!!......原创 2022-06-23 17:54:22 · 201 阅读 · 0 评论