Echarts 实现报表功能

最新推荐文章于 2024-07-30 11:48:07 发布

Slien_zuo

最新推荐文章于 2024-07-30 11:48:07 发布

阅读量6.1k

点赞数

分类专栏： 201803

本文链接：https://blog.csdn.net/Slien_zuo/article/details/79521512

版权

本文介绍了如何使用Echarts这个开源框架来实现报表功能。首先从官方地址下载echarts.js，然后引入到项目中，创建一个DOM容器，通过echarts.init初始化实例，并用setOption方法生成柱状图。官网提供了详细教程。

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

当前项目有个报表的模块,之前想用highcharts来实现,但是最近CSDN上了解到百度已经将Echarts开源了,而且还是一个反响不错的开源框架, 借此提议项目组用这框架实现业务的需求.

一. 首先下载echarts.js 在此提供官网的地址 http://echarts.baidu.com/download.html

二. 引入Echarts

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <!-- 引入 ECharts 文件 -->
    <script src="echarts.min.js"></script>
</head>
</html>

三 . 准备一个DOM容器(就是一个div)

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

关注

专栏目录