您的位置:首页 > Web前端

【WEB前端】使用百度ECharts,绘制项目质量报表

2017-07-10 14:32 435 查看

一、下载ECharts的js库

下载地址:http://echarts.baidu.com/download.html

由于我们对体积无要求,所以我们采用了完整版本,功能齐全,在项目中,我们只需要像普通的 JavaScript 库一样用 script 标签引入即可。

二、绘制项目质量报表

根据需求,我们期望在绘制出如下的报表:



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

然后就可以通过 echarts.init 方法初始化一个 echarts 实例并通过 setOption 方法生成一个统计图,下面是完整代码:

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: