jQuery插件Highcharts

Highcharts 是一个用纯 JavaScript 编写的一个图表库, 可以很简单便捷的在 Web 网站或是 Web 应用程序添加有交互性的图表,而且免费提供给我的学习、我的网站和非商业用途使用。javascript

Highcharts 支持的图表类型有直线图、曲线图、区域图、柱状图、饼状图、散状点图、仪表图、气泡图、瀑布流图等多达 20 种图表,其中不少图表能够集成在同一个图形中造成混合图。java

主要优点(功能特色)

    • browsers

    • 兼容性

      Highcharts 能够在全部的移动设备及电脑上的浏览器中使用,包括 iPhone,iPad 和 IE6 以上的版本,在 IOS 和 Android 系统中 Highcharts 支持多点触摸功能,于是能够给您提供极致的用户体验。在现代的浏览器中使用 SVG 技术进行图形绘制,在低版本 IE 则使用 VML 进行图形绘制。ajax

    • free

    • 非商业使用免费

      在我的网站、学校网站及非盈利机构中使用 Highcharts 彻底不须要通过咱们的许可,直接能够任意使用!编程

      商业网站或网站,请查看咱们的 使用协议及价格数组

    • open

    • 开源

      Highcharts 最重要的特色之一就是:不管免费版仍是付费版,你均可如下载源码并能够对其进行编辑。浏览器

      基于开源社区咱们能够第一时间获取用户的需求、及时的 Bug 修复及吸取社区贡献。学习

    • no-backend

    • 纯 JavaScript

      Highcharts 彻底基于 HTML5 技术,不须要再客户端安装任何插件,如 Flash 或 Java。此外你也不用配置任何服务端环境,不须要 PHP、Tomcat、ASP.NET 等,只须要两个 JS 文件便可运行。网站

    • chart-types

    • 丰富的图表类型

      Highcharts 支持的图表类型有直线图、曲线图、区域图、柱状图、饼状图、散状点图、仪表图、气泡图、瀑布流图等多达 20 种图表,其中不少图表能够集成在同一个图形中造成混合图。spa

    • config-syntax

    • 简单的配置语法

      在 Highcharts 中设置配置选项不须要任何高级的编程技术,全部的配置都是 JSON 对象,只包含用冒号链接的键值对、用逗号进行分割、用括号进行对象包裹。JSON 具备易于人阅读和编写,同时也易于机器解析和生成的特色。插件

    • 动态交互性

      Highcharts 支持丰富交互性,在图表建立完毕后,能够用丰富的 API 进行添加、移除或修改数据列、数据点、坐标轴等操做。
      结合 jQuery 的 ajax 功能,能够作到实时刷新数据、用户手动修改数据等功能,结合事件处理,能够作到各类交互功能。

    • 支持多坐标轴

      多个数据进行对比这是很是常见的需求,Highcharts 可让你为每一个类型的数据添加坐标轴,每一个轴能够定义放置的位置,全部的设置均可以独立生效,包括旋转、样式设计和定位,固然也支持多个数据共用一个坐标轴。

    • tooltip

    • 数据提示框

      当鼠标划过图形时,Highcharts 能够将数据点或数据列的信息展现在提示框中,而且提示框会跟随用户的鼠标;咱们作了大量工做,能够智能的显示离鼠标最近的点或被遮盖点的信息。

    • datetime

    • 时间轴

      75% 的直角坐标系(包含 X轴 和 Y轴)图表中是时间轴图表,由于 Highcharts 对时间轴的处理很是智能。Highcharts 以毫秒为单位,能够精确的计算出月、周、日、小时、分钟等时间刻度的位置。

    • exporting

    • 导出和打印

      Highcharts 支持导出功能,用户能够一键导出 PNG、JPEG、PDF 或 SVG 文件,经过插件能够实现导出为 Excel 文件功能;另外,用户还能够从网页上直接打印图表。

    • zooming

    • 缩放和钻取

      经过缩放能够方便的查看不一样范围的数据;经过钻取能够方便的查看不一样级别的详细数据。

    • ajax

    • 方便加载外部数据

      Highcharts 的数据是 JavaScript 数组或对象,这些数据能够是本地的配置对象,独立的数据文件(JSON、CVS)甚至是不一样的网站上定义。另外,这些数据能够用任何形式处理好并加载到 Highcharts 中。

    • gauges

    • 仪表图

      仪表图对于 Dashboard 来讲特别理想,这种图表就像速度计同样,一眼就能够轻松阅读。

    • ajax

    • 极地图

      折线图、面积图、柱形图等图形能够经过一个简单的配置转换成极地图、雷达图。

    • inverted

    • 图表或坐标轴反转

      Highcharts 支持图表反转(X 轴或 Y轴对调),这样 X轴是垂直的,方便进行数据对比;坐标轴旋转则能够坐标轴的最大值和最小值显示对调。

    • rotation

    • 文本旋转

      图表中全部的文本,包括坐标轴标签、数据标签等均可以进行任意角度旋转。

官网:https://www.hcharts.cn/

相关文章
相关标签/搜索