codetc - 网站开发技术 首页 资源 插件 查看内容

Highcharts网页图表插件

2017-2-6 12:20| 发布者: CODETC| 查看: 3691| 评论: 0

有些时候我们会在页面中遇到各种各样的统计图,对于这种需求,其实我们大可使用一些控件来实现,而本文将介绍的就是目前使用最为广泛的图表控件——Highcharts。

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

Highstock可以为您方便地建立股票或一般的时间轴图表。它包括先进的导航选项,预设的日期范围,日期选择器,滚动和平移等等。

如果想要了解更多Highcharts的信息,可以参考官网:https://www.hcharts.cn/

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的使用也非常简单,官网也提供了详细的教程和各种图表的例子


这里面的样式都是可以自己调整的,相信大家也都能看懂,这里就不做详细介绍了。

文章来源 CODETC,欢迎分享,转载请注明地址: http://www.codetc.com/article-314-1.html

最新评论

 作为游客发表评论,请输入您的昵称

返回顶部