在线网页数据图表控件_周末简设

轻设计 / 轻生活 / 轻日记 / 轻梦想 === zhoumojianshe ===

在线网页数据图表控件

TAGS: 数据图表控件

写这篇文字是有缘由的，其实早有形成文字的意愿，只是一直没有准备好，今天终于付诸行动，目的也是为了回望追忆早些年的工作而已。那是我工作的第二年，也是我的第二家公司，当时公司为了竞标一个项目，项目是为当地的电力行业服务的，简而言之就是企业居民用电系统，为了实现数据的可视化，要求采用图表展现数据，这样可使数据更加直观，当时有两家公司竞标，主要的竞标点就在报表的美观度、数据的时效性和访问的速度上面，由于电力行业的特殊性，数据要精确到分，每分钟采集一次，因此当时的表设计也细分到了分钟表，数据的处理还要分时段，区别峰电量和谷电量，并且每个时段的价格也不一样。说得有点多，还没有说到正题，下面就说说数据展现用的图表控件，公司当时也是为了试探客户，开发了两套样品。

1、刚开始我们使用的是微软的荧光，我觉得荧光的展示效果还是不错的，客户也表示满意，可是唯一缺憾就是需要用户下载并且安装荧光，这一点也致命的

2、舍弃了荧光我们改用amcharts，对于这款报表控件，单说我个人而言还是蛮喜欢的，早期的版本是采用flash实现，动画效果不错，鼠标还可以拖拽选择放大，当时可能看不出其弊端所在，放在现在则暴露无遗，首先flash就是一个最大的弊端，需要客户端安装，手持端不是支持的很好（苹果直接屏蔽了），现在Adobe公司有停止了对其更新，因此其辉煌的历史已经不可重演，当然后来amcharts又紧跟时代步伐，研发了基于HTML5和JavaScript的charts，感觉还不错，可以体验一下。

Amcharts简介

Amcharts，是一个致力于图表组件开发的公司，公司地址在立陶宛首都维尔纽斯，2004年开始推出图表和地图组件。截至目前，amCharts提供了JavaScript/HTML5 Charts、Javascript/HTML5 Stock Chart、JavaScript Maps三种图表组件。amCharts图形效果炫丽，得到了广大使用者的青睐，amCharts的用户遍布全球各地，不乏Microsoft, Cisco, NASA, Motorola之类的行业巨头。amCharts在1.x版本是基于flash实现，目前2.x版本改为Javascript/HTML5实现，显得更轻量。

下载地址：https://www.amcharts.com/

Amcharts图例

3、下面要接受的是echarts，是百度的产品，它的广告语是，echarts是中国的也是世界，可想其目标市场是全世界，其采用的HTML5加JavaScript实现，效果好，图表类型丰富，是现在图表控件的主流，目前公司用的就是这一款。

ECharts简介

ECharts是由百度ECharts团队出品，ECharts是中国的，也是世界的。在中国可视化生态系统中，ECharts通过提供方便丰富的可视化图表，极大缩短了用户与数据的距离。很高兴ECharts一直保持着可视化的顶尖水平，期待ECharts早日动词化的那一天！ECharts是最让我惊艳的一款数据产品，它满足了甚至超越了我对数据可视化的所有想象，无论是颜值，实用性，还是易用性。ECharts，发现了数据可视化之美！

下载地址：http://echarts.baidu.com/

ECharts图例