echarts使用心得总结

最新推荐文章于 2023-07-12 16:30:40 发布

田筑灵

最新推荐文章于 2023-07-12 16:30:40 发布

阅读量1.3k

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/weixin_38743171/article/details/79079298

版权

本文介绍了ECharts作为JavaScript实现的开源可视化库在实际项目中的应用。从简单介绍ECharts的特性到详细说明如何引入和配置图表，再到应对各种复杂需求，如设置多轴折线图、任务状态展示和柱状图交互功能。通过具体的需求实例，展示了ECharts的灵活性和可定制性。

摘要由CSDN通过智能技术生成

1.简单介绍

ECharts，一个使用 JavaScript 实现的开源可视化库，可以流畅的运行在 PC 和移动设备上，兼容当前绝大部分浏览器，底层依赖轻量级的矢量图形库 ZRender，提供直观，交互丰富，可高度个性化定制的数据可视化图表。

ECharts由百度出品，简单好用易上手，属性丰富，函数可自定义，图形好看。

公司新项目需要在系统首页展示系统的运行概况，要求使用图形展示，于是开始接触研究使用ECharts.

2.使用情况

（1）引入js文件

<!-- 引入 ECharts 文件 -->
<script src="echarts.min.js"></script>

(2)在绘图前我们需要为 ECharts 准备一个具备高宽的 DOM 容器。

<body>
    <!-- 为 ECharts 准备一个具备大小（宽高）的 DOM -->
    <div id="main" style="

关注

专栏目录