HighCharts交互式javascript图片插件介绍
好吧,我承认我在炒冷饭,造轮子,以及各种重复劳动…不过还是希望大家多支持啊!
HighCharts是什么?
Highcharts 是一个纯javascript库,提供更简单的方式部署图表到你的web程序。支持折线图、曲线图、Area、柱状图、饼图 ,反正各种图…
下载地址
兼容性
能运行在现代所有浏览器中,包括 iPhone/iPad 、IE6以上版本. 标准浏览器用SVG数据格式呈现图表,早期的IE(5.0)用VML格式
免费
用于个人网站,非盈利性组织免费。 商业项目得付$
开源
Open
关键就是开源(其实修改的难度大家懂的..)。js代码到手,高手们随意发挥吧
纯javascript
基于浏览器原生的图片显示格式(SVG,VML) ,不需要任何浏览器插件。 而且服务器端不用安装任何程序(ps:这里废话太多了,相信大家都懂纯js) 只需要引入2个js文件就行了: The highcharts.js(核心) jQuery, MooTools 或者Prototype 框架. 选择一个适合你项目的吧,哈哈
多种类型图表
这里就不废话了,注意一点的是可以合并哟,亲!就是把2个图表合并成一个….
配置简单
基于json的配置,现在都流行这个.
动态
当图像生成后你可以通过api添加,删除,改变某一个分类,值或者改变轴(对图表这些元素的描述很恼火..) 许多默认的事件可以重写,结合Ajax你可以实时的改变图表
多轴
有时候你想比较一系列不用的数据,这些数据的单位不一样,比如现在我们要比较气温,气压,和降雨量. Highcharts 允许你为每个分类单独添加x轴、y轴。这些轴可以在图表的上下左右,可以设置这些轴的显示,隐藏,刻度顺序,和css样式
Tips
把鼠标放到每个分类,或者点上面都有提示。
时间轴
大部分图表控件都支持时间轴,但是Highcharts居然精确到毫秒级。
导出和打印
各种格式吧…
显示比例
x,y轴都是可以调
外部数据加载
Highcharts 的数据源可以是js数组,json对象,文件,或者其他站点.甚至可以是任何form提交的数据。
翻转图表,轴
可以设置的标签角度
官方有文档和实例,我的任务完成了。不对的地方请大家指正
- 上一篇:js隔行换色的效果代码
- 下一篇:javascript获取字符串最后一个字符方法