本文介绍一个echarts工具类EChart.js,用来制作统计图表,基于echarts3。 一、工具类特性如下: 注:构建echarts脚本的时候,需要包含柱状图、饼状图、折线图、直角坐标系、标题、图例、提示框、标注、数据区域缩放、工具栏组件。 二、接口说明如下: 图表数据格式示例如下: [{na ...
分类:
其他好文 时间:
2016-08-13 15:30:37
阅读次数:
464
今天在做一个图形报表,有个需求是要把展现的统计图保存为图片, 图形报表用的Echarts-2.2.7, 以前有用过 Echarts,记得echarts插件是可以帮助我们把统计图保存为图片的。 只是不记得是怎么配置了,查看API文档很久也没有找到,最后在 文档/配置项手册 里面找到了配置方法 和配置 ...
分类:
其他好文 时间:
2016-08-12 11:25:53
阅读次数:
382
Echarts有交互事件,但是如果用其进行图形变更,恐怕就只有重新修改配置了、 如图,我想要实现,内圈的数据控制外圈的图形,当点击内环的某一块时,就可以实现,更改外环的目的。 起初我想能不能直接修改option里 series的data数据达到修改的外圈图形的效果,可惜没那么那么容易,我暂时想到的修 ...
分类:
其他好文 时间:
2016-08-11 17:22:48
阅读次数:
388
/** * Created by Administrator on 2015/11/10 010. */ var home = function (){ //项目预警分析 var getProAlarmData = function (type) { var postData = {"dictKey ...
分类:
其他好文 时间:
2016-08-11 13:09:16
阅读次数:
236
之前在做CS架构的时候,显示图表总是做得不好。只有C#有相应的组件,QT需要手画或者加载一些插件。做了BS架构之后,知道了很多在前端方面表现极佳的图表制作工具,如Echarts。在上一次的大作业之中,也使用了这一方法。那么又知道QT里可以加载QtWebKit,因此便可以进行Web与本地应用的混合开发。新建一个Qt Gui项目,记得选上QtWebKit和QNetwork。QWebView类使用QWeb...
分类:
Web程序 时间:
2016-08-09 10:47:57
阅读次数:
744
需求:前端展示数据,全国城市的坐标 这个是 echarts 的 制作地图JSON 工具, 但是没有全国的,只有各个省 前端需要的数据: 所以现在 下载所有的省数据: 然后是Java处理。 这是这里重点, 在开发中, 很多繁琐的事 ,我们都可以用程序来控制: 输出: 这个小例子 ,在这里添加随笔 是告 ...
分类:
编程语言 时间:
2016-08-04 14:43:01
阅读次数:
308
在项目中开发图表功能时用到了Echars和一个关于Echars的java类库。这个类库主要目的是方便在Java中构造ECharts中可能用到的数据结构,即我们可以直接在后端构造好一个Option对象(java对象),将其转换为JSON字符串后返回给前端。但是在Echarts中的Option配置项中, ...
分类:
编程语言 时间:
2016-08-03 13:28:08
阅读次数:
223
<div id="main" style="width: 100%;height:400px;"></div> // 基于准备好的dom,初始化echarts实例 var myChart = echarts.init(document.getElementById('main')); // 使用刚指 ...
分类:
其他好文 时间:
2016-08-02 19:03:27
阅读次数:
299
最近项目需求,要实现柱状图、饼状图和折线图的报表。使用的是百度开发的echarts,大体使用步骤如下: 一、使用方式 1、引入下载的echarts的js文件,在http://echarts.baidu.com/链接可以下载,而且有API和实例的展示。 2、在页面中,通过div来设置一个固定宽和高的区 ...
分类:
其他好文 时间:
2016-08-02 11:18:26
阅读次数:
390
Echart是百度开发的一个javascript图表库,可以流程运行于pc和移动端,底层依赖轻量级的 Canvas 类库 ZRender。 ECharts 提供了常规的折线图,柱状图,散点图,饼图,K线图,用于统计的盒形图,用于地理数据可视化的地图,热力图,线图,用于关系数据可视化的关系图,tree ...
分类:
其他好文 时间:
2016-07-31 12:58:25
阅读次数:
1493