[JS图表控件]Highcharts:非常漂亮的图表API
2011-04-18 16:32
176 查看
Highcharts是一个制作图表的纯Javascript类库,主要特性如下:
兼容性:兼容当今所有的浏览器,包括iPhone、IE和火狐等等;
对个人用户完全免费;
纯JS,无BS;
支持大部分的图表类型:直线图,曲线图、区域图、区域曲线图、柱状图、饼装图、散布图;
跨语言:不管是PHP、Asp.net还是Java都可以使用,它只需要三个文件:一个是Highcharts的核心文件highcharts.js,还有a canvas emulator for IE和Jquery类库或者MooTools类库;
提示功能:鼠标移动到图表的某一点上有提示信息;
放大功能:选中图表部分放大,近距离观察图表;
易用性:无需要特殊的开发技能,只需要设置一下选项就可以制作适合自己的图表;
时间轴:可以精确到毫秒;
……
代码示例:
var chart1 = new Highcharts.Chart({
chart: {
renderTo: 'chart-container-1',
defaultSeriesType: 'bar'
},
title: {
text: 'Fruit Consumption'
},
xAxis: {
categories: ['Apples', 'Bananas', 'Oranges]
},
yAxis: {
title: {
text: 'Fruit eaten'
}
},
series: [{
name: 'Jane',
data: [1, 0, 4]
}, {
name: 'John',
data: [5, 7, 3]
}]
});
Highcharts主页:http://www.highcharts.com/
Highcharts下载:http://www.highcharts.com/downloads/zips/Highcharts.zip
兼容性:兼容当今所有的浏览器,包括iPhone、IE和火狐等等;
对个人用户完全免费;
纯JS,无BS;
支持大部分的图表类型:直线图,曲线图、区域图、区域曲线图、柱状图、饼装图、散布图;
跨语言:不管是PHP、Asp.net还是Java都可以使用,它只需要三个文件:一个是Highcharts的核心文件highcharts.js,还有a canvas emulator for IE和Jquery类库或者MooTools类库;
提示功能:鼠标移动到图表的某一点上有提示信息;
放大功能:选中图表部分放大,近距离观察图表;
易用性:无需要特殊的开发技能,只需要设置一下选项就可以制作适合自己的图表;
时间轴:可以精确到毫秒;
……
代码示例:
var chart1 = new Highcharts.Chart({
chart: {
renderTo: 'chart-container-1',
defaultSeriesType: 'bar'
},
title: {
text: 'Fruit Consumption'
},
xAxis: {
categories: ['Apples', 'Bananas', 'Oranges]
},
yAxis: {
title: {
text: 'Fruit eaten'
}
},
series: [{
name: 'Jane',
data: [1, 0, 4]
}, {
name: 'John',
data: [5, 7, 3]
}]
});
Highcharts主页:http://www.highcharts.com/
Highcharts下载:http://www.highcharts.com/downloads/zips/Highcharts.zip
相关文章推荐
- HighslideJS作者又一力作—— Highcharts,非常漂亮的JS图表控件
- Highcharts:非常漂亮的图表API
- Highcharts:非常漂亮的图表API
- Highcharts:非常漂亮的图表
- js图表控件:highcharts的应用
- Highcharts,一款非常強大的JS圖表控件,参数配置说明
- js图表控件:highcharts的应用
- Highcharts:十分漂亮的图表API
- js图表控件:highcharts的应用(二)
- js图表控件:highcharts的应用(三)
- Highcharts:非常漂亮的图表 带各类示例~
- jQuery验证控件jquery.validate.js使用说明+中文API
- 关于Highcharts图表组件动态修改属性的方法(API)总结之Series
- jQuery验证控件jquery.validate.js使用说明+中文API
- 基于MVC4+EasyUI的Web开发框架经验总结(4)--使用图表控件Highcharts
- HighCharts图表控件在ASP.NET WebForm中的使用总结(全)
- arcgis api for js共享干货系列之二自定义Navigation控件样式风格
- 非常漂亮窗体界面控件
- jQuery验证控件jquery.validate.js使用说明+中文API
- Highcharts纯js图表库,以后可以跟客户说,你跟阿里云ECS用的图表库是同款