Highcharts是一个制作图表的纯Javascript类库,主要特性如下:

  • 兼容性:兼容当今所有的浏览器,包括iPhone、IE和火狐等等;
  • 对个人用户完全免费;
  • 纯JS,无BS;
  • 支持大部分的图表类型:直线图,曲线图、区域图、区域曲线图、柱状图、饼装图、散布图;
  • 跨语言:不管是PHP、Asp.net还是Java都可以使用,它只需要三个文件:一个是Highcharts的核心文件highcharts.js,还有a canvas emulator for IE和Jquery类库或者MooTools类库;
  • 提示功能:鼠标移动到图表的某一点上有提示信息;
  • 放大功能:选中图表部分放大,近距离观察图表;
  • 易用性:无需要特殊的开发技能,只需要设置一下选项就可以制作适合自己的图表;
  • 时间轴:可以精确到毫秒;
  • ……

代码示例:

  1. var chart1 = new Highcharts.Chart({
  2. chart: {
  3. renderTo: 'chart-container-1',
  4. defaultSeriesType: 'bar'
  5. },
  6. title: {
  7. text: 'Fruit Consumption'
  8. },
  9. xAxis: {
  10. categories: ['Apples', 'Bananas', 'Oranges]
  11. },
  12. yAxis: {
  13. title: {
  14. text: 'Fruit eaten'
  15. }
  16. },
  17. series: [{
  18. name: 'Jane',
  19. data: [1, 0, 4]
  20. }, {
  21. name: 'John',
  22. data: [5, 7, 3]
  23. }]
  24. });

Highcharts主页:http://www.highcharts.com/

Highcharts下载:http://www.highcharts.com/downloads/zips/Highcharts.zip

更多相关文章

  1. js曲线图+饼状图+柱状图 (json数据)
  2. 图表。js数据数组使用PHP, MySQL。如何从JSON数组定义数据源?
  3. SQL Server Reporting Services图表查询。如何摆脱工会
  4. Android使用ichartjs在HTML5中动态绘制图表
  5. 比achartengine更加强大的Android图表控件。
  6. JavaScript制作网页数据图表/曲线图

随机推荐

  1. 学习C的第三天-操作符
  2. 学习C的第三天-数组
  3. S1到S9,545名职业选手,有多少人折戟全球总
  4. React Router v4教程:为你的 React 应用创
  5. 带你一步步设置layui的tree树结构点击高
  6. 一文详细揭秘 Redis 持久化,了解一下?
  7. 学习C的第三天-要记住的ASCII码值
  8. JavaScript 程序员可以从C ++中学到什么[
  9. centos7 OpenSSL1.1.1i rpm自动打包升级
  10. 用 TypeScript 开发 Node.js 程序[每日前