Highcharts图表库

所属分类:UI-图表

 51514  414  查看评论 (7)
分享到微信朋友圈
X
 Highcharts图表库 ie兼容6

Highcharts简介

Highcharts:功能强大、开源、美观、图表丰富、兼容绝大多数浏览器的纯js图表库

Highcharts是一款纯javascript编写的图表库,能够很简单便捷的在Web网站或Web应用中添加交互性的图表,Highcharts目前支持直线图、曲线图、面积图、柱状图、饼图、散点图等多达18种不同类型的图表,可以满足你对Web图表的任何需求 !



由于其功能强大、简单易用、开源免费等优点,Highcharts在国内外越来越受欢迎。下面详细说明Highcharts的优势


Highcharts优势


兼容性

Highcharts支持目前所有的现代浏览器,包括IE6 +、iPhone/iPad、Android。Highcharts在标准(W3C标准)浏览器中使用SVG技术渲染图形,在遗留的IE浏览器中使用VML技术来绘图。


开源免费

针对个人用户及非商业用途免费,并提供源代码下载,你可以任意的修改它。商业用途需要购买许可,个人及非商业用途须遵循CC BY-NC 3.0协议


纯Javascript

Highcharts完全基于本地浏览器技术,不需要任何插件(例如Flash、java),不需要安装任何服务器环境或动态语言库支持,只需要两个js文件即可运行。


图表类型丰富

Highcharts目前支持直线图、曲线图、面积图、曲线面积图、面积范围图、曲线面积范围图、柱状图、柱状范围图、条形图、饼图、散点图、箱线图、气泡图、误差线图、漏斗图、仪表图、瀑布图、雷达图,共18种类型图表,其中很多图表可以集成在同一个图形中形成综合图。


动态性

提供丰富的API接口,方便在创建图表后对图表的任意点、线和文字等进行增加、删除和修改操作。支持众多的Javascript事件,结合jQuery、MooTools、Prototype等javascript框架提供的Ajax接口,可以实时地从服务器取得数据并实时刷新图表。


多轴支持

对于需要比较的数据,Highcharts提供多轴支持。并且可以针对每个轴设置其位置、文字和样式等属性。


动态提示框

当鼠标悬停在图表上的数据点时,Highcharts会显示信息提示框,当然,显示的内容和样式可以自己指定和设置。


图表导出和打印功能

你可以将Highcharts图表导出为PNG、JPG、PDF和SVG格式文件或直接在网页上打印出来。


图表缩放

可以设置图表的缩放,让你更方便查看图表数据。


支持外部数据加载

Highcharts支持多种数据形式,可以是Javascript数组、json文件、json对象和表格数据等,这些数据来源可以是本地、不同页面,甚至是不同网站。

数据来源可以使本地、不同页面,甚至是不同网站。


相关插件-图表

layui使用datatableajax请求json渲染数据

基于layui,datatable.js。将datatable扩展成可以使用layui的调用方式调用的插件。当然如果想单独使用的话,将layui扩展去掉即可,可自行百度layui。
  图表
 74211  408

轻量级图形报表插件JSCharts

JScharts是一个用于在浏览器直接绘制图表的JavaScript工具包。JScharts支持柱状图、圆饼图以及线性图,可以直接将这个图插入网页,JScharts图的数据可以来源于XML文件、JSON文件或JavaScript数组变量。
  图表
 46536  364

jQuery 7种冻结行列合并表格

对表格分别进行首行冻结,首列冻结,多行列冻结,合并单元格等
  图表
 30893  342

基于echarts双y轴折线图柱状图混合实时更新图

Ets双y轴折线图柱状图混合实时更新图,流畅不卡顿
  图表
 40092  319

讨论这个项目(7)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    我以为 0
    2018/11/15 14:39:54
    xoaxoa22 0
    2018/6/14 23:03:22
    怎么添加onclick事件,比如条形图,点击某一列,可以获取到该列的x轴的名称,然后执行一个函数 回复
    `莫欺少年穷 0
    2017/10/27 16:01:26
    一直在路上 0
    2017/8/25 9:56:41
    FC2017 0
    2017/6/3 19:48:34

    功能很强大, 对于简单的图表就感觉复杂了点!比较合适对图表要求较高的项目!

    回复
    526878729 0
    2016/6/24 12:06:28
    xo 1
    2016/4/1 10:04:56

    自己的demo都打不开

        西瓜0
        2016/4/1 11:04:54
        感谢反馈,对方官网演示地址改了。已经修改正确!
    回复
    汉斯 0
    2016/2/29 16:02:16
    不能用了?为啥都不支持?IE还各种网页报错。。。 回复
    WEB小妞 0
    2014/5/21 13:52:00

    当然可以,Hights功能还是很强大的,详细请查看官方api

    回复
    JQ剑圣 0
    2014/5/21 10:15:00

    请问,可以制作排名的反向图么?

    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复