【Highcharts 介绍】

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



 

HighCharts的主要特性包括:

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

HighCharts的几种基本的官方图表示例

HighCharts的几种基本的官方图表示例

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

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

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

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

6.时间轴:可以精确到毫秒。

7.导出:表格可导出为 PDF/ PNG/ JPG / SVG 格式

8.输出:网页输出图表。

9.可变焦:选中图表部分放大,近距离观察图表;

10.外部数据:从服务器载入动态数据。

11.文字旋转:支持在任意方向的标签旋转。

 



 

Highcharts 环境配置编辑

在 HTML 页面引入 jQuery 与Highcharts库,代码如下:

<head>

   <script src="/jquery/jquery.min.js"></script>

   <script src="/highcharts/highcharts.js"></script>

</head>



 

图表类型

line:直线图

spline:曲线图

area:面积图

areaspline:曲线面积图

arearange:面积范围图

areasplinerange:曲线面积范围图

column:柱状图

columnrange:柱状范围图

bar:条形图

pie:饼图

scatter:散点图

boxplot:箱线图

bubble:气泡图

errorbar:误差线图

funnel:漏斗图

gauge:仪表图

waterfall:瀑布图

polar:雷达图

pyramid:金字塔

 



 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值