龙盟编程博客 | 无障碍搜索 | 云盘搜索神器
快速搜索
主页 > web编程 > Javascript编程 >

HighCharts交互式javascript图片插件介绍

时间:2012-12-29 08:41来源:未知 作者:admin 点击:
分享到:
本文章简单介绍了这款HighCharts交互式javascript图片插件主要可以用到多图形的效果,有需要的朋友可以参考一下,比较php自己动手写要方便多了。 好吧,我承认我在炒冷饭,造轮子,以
本文章简单介绍了这款HighCharts交互式javascript图片插件主要可以用到多图形的效果,有需要的朋友可以参考一下,比较php自己动手写要方便多了。

好吧,我承认我在炒冷饭,造轮子,以及各种重复劳动…不过还是希望大家多支持啊!

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

官方有文档和实例,我的任务完成了。不对的地方请大家指正


精彩图集

赞助商链接