交互式javascript图片插件:HighCharts介绍
来源:广州中睿信息技术有限公司官网
发布时间:2012/10/21 23:25:16 编辑:editor 阅读 509
HighCharts是什么?Highcharts是一个纯javascript库,提供更简单的方式部署图表到你的web程序。支持折线图、曲线图、Area、柱状图、饼图,反正各种图&hellip兼容性能

HighCharts是什么?

Highcharts 是一个纯javascript库,提供更简单的方式部署图表到你的web程序。支持折线图、曲线图、Area、柱状图、饼图 ,反正各种图…微笑

兼容性

browsers

能运行在现代所有浏览器中,包括 iPhone/iPad 、IE6以上版本. 标准浏览器用SVG数据格式呈现图表,早期的IE(5.0)用VML格式

免费

 

 

free

用于个人网站,非盈利性组织免费。 商业项目得付$哭泣的脸

开源

openOpen

关键就是开源(其实修改的难度大家懂的..)。js代码到手,高手们随意发挥吧

纯javascript

no-backend

基于浏览器原生的图片显示格式(SVG,VML) ,不需要任何浏览器插件。 而且服务器端不用安装任何程序(ps:这里废话太多了,相信大家都懂纯js微笑) 只需要引入2个js文件就行了: The highcharts.js(核心) jQuery, MooTools 或者Prototype 框架. 选择一个适合你项目的吧,哈哈

多种类型图表

chart-types

这里就不废话了,注意一点的是可以合并哟,亲!就是把2个图表合并成一个….

配置简单

config-syntax

基于json的配置,现在都流行这个.

动态

当图像生成后你可以通过api添加,删除,改变某一个分类,值或者改变轴(对图表这些元素的描述很恼火..吐舌鬼脸) 许多默认的事件可以重写,结合Ajax你可以实时的改变图表

多轴

有时候你想比较一系列不用的数据,这些数据的单位不一样,比如现在我们要比较气温,气压,和降雨量. Highcharts 允许你为每个分类单独添加x轴、y轴。这些轴可以在图表的上下左右,可以设置这些轴的显示,隐藏,刻度顺序,和css样式

Tips

tooltip

把鼠标放到每个分类,或者点上面都有提示。

时间轴

datetime

大部分图表控件都支持时间轴,但是Highcharts居然精确到毫秒级。

导出和打印

exporting

各种格式吧…

显示比例

zooming

x,y轴都是可以调

外部数据加载

ajax

Highcharts 的数据源可以是js数组,json对象,文件,或者其他站点.甚至可以是任何form提交的数据。

翻转图表,轴

inverted

可以设置的标签角度

rotation

 

联系我们CONTACT 扫一扫
愿景:成为最专业的软件研发服务领航者
中睿信息技术有限公司 广州•深圳 Tel:020-38931912 务实 Pragmatic
广州:广州市天河区翰景路1号金星大厦18层中睿信息 Fax:020-38931912 专业 Professional
深圳:深圳市福田区车公庙有色金属大厦509~510 Tel:0755-25855012 诚信 Integrity
所有权声明:PMI, PMP, Project Management Professional, PMI-ACP, PMI-PBA和PMBOK是项目管理协会(Project Management Institute, Inc.)的注册标志。
版权所有:广州中睿信息技术有限公司 粤ICP备13082838号-2