Highcharts教程

Highcharts教程

Highcharts简介

Highcharts 是一个用纯JavaScript编写的一个图表库, 能够很简单便捷的在web网站或是web应用程序添加有交互性的图表,并且免费提供给个人学习、个人网站和非商业用途使用。HighCharts支持的图表类型有曲线图、区域图、柱状图、饼状图、散状点图和综合图表。
HighCharts界面美观,由于使用JavaScript编写,所以不需要像Flash和Java那样需要插件才可以运行,而且运行速度快。另外HighCharts还有很好的兼容性,能够完美支持当前大多数浏览器。

Highcharts特性

HighCharts的主要特性包括:
1.兼容性:HighCharts采用纯JavaScript编写,兼容当今大部分的浏览器,包括Safari、IE和火狐等等;
2.图表类型:HighCharts支持图表类型,包括曲线图、区域图、柱状图、饼状图、散状点图和综合图表等等,可以满足各种需求。
3.不受语言约束:HighCharts可以在大多数的WEB开发中使用,并且对个人用户免费,支持ASP,PHP,JAVA,.NET等多种语言中使用。
4.提示功能:HighCharts生成的图表中,可以设置在数据点上显示提示效果,即将鼠标移动到某个数据点上,可以显示该点的详细数据,并且可以对显示效果进行设置。
5.放大功能:HighCharts可以大量数据集中显示,并且可以放大某一部分的图形,将图表的精度增大,进行详细的显示,可以选择横向或者纵向放大。
6.时间轴:可以精确到毫秒。
7.导出:表格可导出为 PDF/ PNG/ JPG / SVG 格式
8.输出:网页输出图表。
9.可变焦:选中图表部分放大,近距离观察图表;
10.外部数据:从服务器载入动态数据。
11.文字旋转:支持在任意方向的标签旋转。

支持的图表

HighCharts支持的图表类型:

序号 图表类型
1 曲线图
2 区域图
3 饼图
4 散点图
5 气泡图
6 动态图表
7 组合图表
8 3D 图
9 测量图
10 热点图
11 树状图(Treemap)

 

相关教程

  • JavaScript 教程
    JavaScript 教程

    JavaScript(简称“JS”)是互联网上最流行的脚本

  • jQuery 教程
    jQuery 教程

    jQuery是一个快速、简洁的JavaScript框架,是继Pro

  • AngularJS 教程
    AngularJS 教程

    AngularJS是一个JavaScript框架。它可通过标签添加到

  • AngularJS2 教程
    AngularJS2 教程

    Angular2是Angular 1.x 的升级版本,性能上得到显著的

  • Vue.js 教程
    Vue.js 教程

    Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户

  • Vue3 教程
    Vue3 教程

    Vue3是vue.js的升级版本。与其它大型框架不同的是

  • React 教程
    React 教程

    React是Web开发框架,用于构建用户界面的JavaScri

  • TypeScript 教程
    TypeScript 教程

    TypeScript是微软开发的一个开源的编程语言,通过

  • EasyUI 教程
    EasyUI 教程

    EasyUI是一组基于jQuery的UI插件集合体,而jQuery E

  • Node.js 教程
    Node.js 教程

    Node.js是一个基于 Chrome JavaScript 运行时建立的一个

  • AJAX 教程
    AJAX 教程

    AJAX是一种用于创建快速动态网页的技术。AJAX 通

  • JSON 教程
    JSON 教程

    JSON(JavaScript Object Notation, JS对象简谱)是一种轻

  • Echarts 教程
    Echarts 教程

    ECharts是一款基于JavaScript的数据可视化图表库,提

  • Highcharts 教程
    Highcharts 教程

    Highcharts是一个用纯JavaScript编写的一个图表库,