纯 Javascript 图表 Highcharts

纯 Javascript 图表 Highcharts

开源,非商业使用免费
JavaScript 查看源码»
跨平台
2009-12-10
红薯

Highcharts是一个制作图表的纯Javascript类库,主要特性如下:

  • 兼容性:兼容当今所有的浏览器,包括iPhone、IE和火狐等等;

  • 对个人用户完全免费;

  • 纯JS,无BS;

  • 支持大部分的图表类型:直线图,曲线图、区域图、区域曲线图、柱状图、饼状图、散布图;

  • 跨语言:不管是PHP、Asp.net还是Java都可以使用,它只需要三个文件:一个是Highcharts的核心文件highcharts.js,还有a canvas emulator for IE和Jquery类库或者MooTools类库;

  • 提示功能:鼠标移动到图表的某一点上有提示信息;

  • 放大功能:选中图表部分放大,近距离观察图表;

  • 易用性:无需要特殊的开发技能,只需要设置一下选项就可以制作适合自己的图表;

  • 时间轴:可以精确到毫秒;

在 RunJS 查看在线演示:http://runjs.cn/code/ih5xzoeb

    的码云指数为
    超过 的项目
    加载中

    评论(21)

    首席xx师
    首席xx师

    引用来自“开源中国首席程序猿”的评论

    和echarts比有什么区别
    自适应效果好万倍
    java小咖
    java小咖
    对个人用户完全免费 怎么理解?不能商用?
    BarZu
    BarZu
    还是百度的ECharts好
    开源中国首席程序猿
    开源中国首席程序猿
    和echarts比有什么区别
    勿忘初心321
    勿忘初心321
    伤心了,
    MartinBockZhu
    MartinBockZhu
    Tedd
    Tedd
    这东西如果公司内部使用,只限内网访问,需不需要收费? Highcharts
    IT钢琴师
    IT钢琴师
    听说现在商用的话要收费了?? Highcharts
    王振威
    王振威
    谁知道Highcharts如何隐藏右下角的highcharts.com字样?
    皮总
    皮总
    Highcharts 有人熟悉当 xAxis.type = category 的时候,如何让折线画到纵坐标轴上吗?此时的 xAxis.min = 0 是行不通的。

    Highcharts 7.0.2 发布,纯 Javascript 图表库

    Highcharts 7.0.2 发布,Highcharts是一个制作图表的纯Javascript类库。 新版更新内容主要是新功能的添加和 bug 的修复,内容主要是: 新增散点图的 jitter 特性。 可以用百分比设置 legend...

    01/18 07:29

    Highcharts 6.2.0 发布,纯 Javascript 图表库

    Highcharts 6.2.0 已发布,更新如下: Added support for multiple data labels on each single point. Added draggable points plugin as module. Added support for pointPlacement in X ...

    2018/10/18 09:09

    Highcharts 6.1.4 发布,纯 Javascript 图表库

    Highcharts 6.1.4 已发布,更新如下: Better polyfill for forEach in oldIE. See #8865. Bug fixes Fixed #2165, legend.labelFormatter was not called when series' visiblity changed....

    2018/09/28 09:32

    经典 JavaScript 图表库 Highcharts 6.1.3 bugfix 发布

    Highcharts 6.1.3 发布了,该版本没有任何功能方面的变更,主要是修复了 bug: Highcharts 6.1.3 (2018-09-12) Bug 修复 Fixed #1902, make generated source maps visible to the browser. ...

    2018/09/14 15:39

    Highcharts 6.1.2 发布,制作图表的纯 Javascript 类库

    Highcharts 6.1.2 发布了,更新如下: Added parameter to xAxis.labels.formatter in addition to scope, allowing arrow functions as formatters. Closes #8580. Adjusted the threshold...

    2018/09/05 10:27

    经典 JavaScript 图表库 Highcharts 发布 6.1.1 版本

    Highcharts 6.1.1 已发布,本次更新包含新特性添加和 bug 修复,具体如下: Highcharts 6.1.1 (2018-06-27) Added new feature, proximate legend layout, to allow placing legend items cl...

    2018/07/03 20:55

    老牌 JavaScript 图表库 Highcharts 发布 6.0.5 版本

    Highcharts 6.0.5 已发布,本次更新包含新特性添加和 bug 修复,具体如下: Highcharts 6.0.5 (2018-01-31) Added states.normal to allow disabling animation after point or series hover...

    2018/02/01 15:14

    Highcharts 6.0.3 发布,纯 Javascript 图表库

    Highcharts 6.0.3 已发布,带来了全新的 dataLabels.filter 选项,用于不使用格式化程序的情况下筛选数据标签。该版本还修复了大量 bug : 修复在区域范围内添加点时动画出错的问题。 改进在 ...

    2017/11/15 07:49

    Highcharts 6 正式发布,带来 15 种新的图表类型

    Highcharts 6 已正式发布,为 web 和移动开发人员提供了扩展的图表集合、客户端分析、注释和大量性能提升。 Highcharts 6 包含 15 种新的图表系列类型,包括 Sankey diagram(桑基图)、Str...

    2017/10/09 06:26

    Highcharts 5.0.14 发布,纯 Javascript 图表库

    Highcharts 5.0.14 已发布。Highcharts 是一个基于 SVG 的 JavaScript 图表库,使开发人员可以轻松地在其网页中设置交互式图表,开源,非商业使用免费。 更新内容: Fixed #7014, a regress...

    2017/08/01 07:48

    没有更多内容

    加载失败,请刷新页面

    11
    回答
    Highcharts不管data有多少数据,怎么让x轴刻度都显示出来
    szmneo 的回答 2011/08/18 20:16
    最佳答案
    设定最大最小值: xAxis : { categories: ['8', '9', '10', '11', '12', '13'], min: 0, max: 5//标签个数-1 }
    3
    回答
    highcharts的饼图怎么改变label的字体大小

    http://www.hcharts.cn/demo/index.php?p=102 我在代码里加上 plotOptions: { ...

    2014/08/12 18:34
    7
    回答
    chart js 和 highcharts 用哪个?

    chartjs 在adminlite看起来很漂亮 之前用highcharts 大神们给建议

    2016/10/28 20:08
    2
    回答
    想部署一套开源BI方案,求专家指点!

    基本要求:终端用户像使用Tableau或PowerBI一样可以简单定制报表结构和逻辑,如增减行/列/筛选条件、更改图标外观,并且可以方便导出数据和图表

    2017/08/03 11:31
    2
    回答
    哪位大神对highcharts插件使用较熟悉的?求教一下哈!

    这是截图,为什么数据显示的时间老是和轴上的不一致,已经在网上找了很多方式都没办法解决,哪位大神帮忙一下呀?

    2017/03/23 17:21
    1
    回答
    AngularJS && HighCharts

    项目中出现这样的问题: 有按钮控制切换显示柱状图($scope.shape="column")或线状图($scope.shape="line") 另有下拉...

    2016/12/12 16:47
    2
    回答
    highcharts直接后台生成图片,不经过JSP页面的的请求,如同jfreechart那样?应该如何做?

    有一个需求,程序启动后,有一个功能代码单独运行,无需启动浏览器,自动查询数据库中的数据,并生成图片,要求使用highcharts,这个功能能实现吗?网上很...

    2016/11/06 14:06
    2
    回答
    highcharts dataLabels 不显示文字

    下面代码不知道是不是有问题: plotOptions: { bar: { dataLabels: { enabled: true, formatter: ...

    2016/11/02 16:51
    10
    回答
    asp.net使用highcharts,怎么把图片直接导到word

    现在这个项目要求,生产报告,里面 需要 highcharts生成的图,怎么办阿

    2013/05/29 10:44

    没有更多内容

    加载失败,请刷新页面

    highcharts实践教训

    highcharts java 统计图

    2016/01/25 20:54
    12
    1
    Highcharts插件制作中文教程

    Highcharts强大的扩展功能,是它深受广大用户喜爱的原因之一。通过使用highcharts api,很多使用者根据自己的需求制作了highcharts插件,实现了各种功能扩展。关于highcharts 中文教程资源已...

    2014/05/20 16:43
    294
    0
    ​网页图表Highcharts实践教程之图表代码构成

    网页图表Highcharts实践教程之图表代码构成

    2015/05/28 10:32
    363
    0
    网页图表Highcharts实践教程之认识Highcharts

    网页图表Highcharts实践教程之认识Highcharts

    2015/05/27 15:51
    610
    0
    Highcharts图表结构分析:详解标题与副标题

    JavaScript图表Highcharts默认,标题显示在图表的头部,可选的副标题显示在其下。

    2013/12/31 14:24
    1K
    0
    【HighChart教程】Highcharts Angular包装器

    下载Highcharts最新版本 Angular已成为许多开发人员的首选JavaScript框架。它提供了许多现代便利,例如数据绑定,简单的第三方集成,以及为开发人员提供的整体编码。为了方便我们的客户,我们...

    昨天 15:12
    0
    0
    多功能图表之highcharts的使用说明

    js图表库,HighCharts的使用说明

    2015/12/23 09:24
    581
    0
    javascript 图标分析工具

    1、highcharts Highcharts 是一个用纯JavaScript编写的一个图表库, 能够很简单便捷的在web网站或是web应用程序添加有交互性的图表,并且免费提供给个人学习、个人网站和非商业用途使用。目前...

    2013/03/01 14:23
    210
    0
    去掉highcharts右下角版权

    highcharts是非常不错的图表插件,一般切图网(qietu.com)在做涉及到图表的操作的时候,一般优先选择highcharts,第一个是因为highcharts算是这类插件里面最主流的一款,另一个原因是我们用...

    2018/03/16 13:34
    80
    0

    没有更多内容

    加载失败,请刷新页面

    返回顶部
    顶部