首页 理论教育 技术视角下的高质量Highcharts介绍

技术视角下的高质量Highcharts介绍

时间:2023-11-05 理论教育 版权反馈
【摘要】:Highcharts是一个用纯JavaScript编写的图表库,能够很简单便捷地在Web网站或是Web应用程序中添加有交互性的图表,并且免费提供给个人学习、个人网站和非商业用途使用。Highcharts支持的图表类型有曲线图、区域图、柱状图、饼状图、散状点图和综合图表。Highcharts的主要特性包括如下几点。

技术视角下的高质量Highcharts介绍

Highcharts是一个用纯JavaScript编写的图表库,能够很简单便捷地在Web网站或是Web应用程序中添加有交互性的图表,并且免费提供给个人学习、个人网站和非商业用途使用。Highcharts支持的图表类型有曲线图、区域图、柱状图、饼状图、散状点图和综合图表。

Highcharts的主要特性包括如下几点。

(1)兼容性:Highcharts采用纯JavaScript编写,兼容当今大部分的浏览器,包括Safari、IE和火狐,等等。

(2)图表类型多样:Highcharts支持多种图表类型,包括曲线图、区域图、柱状图、饼状图、散状点图和综合图表等,可以满足各种需求。

(3)不受语言约束:Highcharts可以在大多数的Web开发中使用,并且对个人用户免费,支持在ASP、PHP、JAVA、.NET等多种语言中使用。

(4)拥有提示功能:Highcharts生成的图表中,可以设置在数据点上显示提示效果,即将鼠标移动到某个数据点上,可以显示该点的详细数据,并且可以对显示效果进行设置。

(5)拥有放大功能:Highcharts可以将大量数据集中显示,并且可以放大某一部分的图形,将图表的精度增大,进行详细显示,可以选择横向或者纵向放大。

(6)时间轴精确:可以精确到毫秒。(www.xing528.com)

(7)可导出:表格可导出为PDF、PNG、JPG、SVG格式。

(8)可输出:网页输出图表。

(9)可变焦:选中图表部分放大,可近距离观察图表。

(10)可载入外部数据:能够从服务器载入动态数据。

(11)文字可旋转:支持在任意方向上的标签旋转。

在HTML页面引入jQuery和Highcharts库,即可调用Highcharts库里的各种画图方法,可以下载jquery.js和highcharts.js文件,放在本地,如下引用即可:

引入后,在页面即可调用Highcharts的chart函数,画出饼图、折线图和条形图等。

免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。

我要反馈