博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Highcharts——让你的网页上图表画的飞起
阅读量:6964 次
发布时间:2019-06-27

本文共 1214 字,大约阅读时间需要 4 分钟。

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

   以上是Highcharts中文网上的简介!

  如果论语法的简单性,或者需要画功能简单的折线、柱状以及饼状图,Highcharts是远远不如js图标库——js charts 的,但是如果涉及到复杂多样的功能特性,Highcharts甩了js charts何止8条街!

  这类的Js框架通常很容易学习。下载了包后,看例子就可以了,不过Highcharts在这点上做的是非常好! 

  见:

  Highcharts中文网首页:

  Highcharts官网:

  学习highcharts无需按照包下的examples例子一个个去试(我学js charts就是这么做的 !- -),

  通过中文网提供的这3个页面,一个小时你就可以初步掌握这项技术!

   

  

  

    学习的重点就是这个在线演示平台啦,它包含了下载包中的所有示例文件。而且可以点击页面中间的这个“编辑代码”可以跳转到一个“在线测试平台”的地方,像这里

   在线演示平台做的也非常详细,不过很多版块还在完善中。。。

  highcharts学习的入口是什么呢,就是官网的这个图啦(这里从官网拿下来):

  这里是一个图表的所有属性。一目了然。

 

这里是官网上的一个简单的图表示例:

这个示例是由下面的代码直接生成的。我简单注释了一下。代码位于Highlchar-4.0.3下,\Highcharts-4.0.3\examples\line-labels\index.html,直接打开即可。

            
Highcharts Example

  highcharts是一个简单的js图表框架,不建议仔细阅读API文档,建议根据示例和实际需求,一边添加功能,一边快速学习。

  PS : 经提醒,才发现,这个highchars中文网跟bootstrap中文网基本基于同样的主页样式,是一个今年刚毕业的学生创办的,实在年轻有为!跟highcharts官方(http://www.highcharts.com)的关系其实不大。不过作为非营利性的网站,是很不错了!bootstrap中文网其实也跟这个类似。个人猜测,这些中文网可能跟国外官网的关系都不大,只是国内热心的技术人员为了技术交流而自行创立的,网站内容基本是源于官网的。

  

 转载请注明出处: 谢谢!

转载于:https://www.cnblogs.com/zrtqsk/p/4013980.html

你可能感兴趣的文章
从文件 I/O 看 Linux 的虚拟文件系统
查看>>
StarUML类图相关——关联、聚合、组合、泛化、依赖、实现
查看>>
LeetCode - 627. Swap Salary
查看>>
ie8、firfox关于(new Image()).onload的问题
查看>>
Shell中各种判断语法
查看>>
第24条:消除非受检警告
查看>>
安装 asp.net core 出错
查看>>
【EMC】EMI滤波器
查看>>
IE的hack问题浅谈
查看>>
wireshark抓包图解 TCP三次握手/四次挥手详解[转]
查看>>
一步一步学习SignalR进行实时通信_4_Hub
查看>>
KMP算法
查看>>
Write Your software base on plugin(C/C++ ABI)
查看>>
手机端表单验证插件
查看>>
性能优化你必须知道的那些事儿
查看>>
.net core2.0下Ioc容器Autofac使用
查看>>
MVC和MVVM
查看>>
ffmpeg h264+ts +udp传输
查看>>
cache缓存帮助类
查看>>
第一章 数组与指针概念剖析
查看>>