IT技术互动交流平台

Highcharts让你的网页上图表画的飞起

作者:Chandler Qian??发布日期:2014-10-10 20:39:45

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

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

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

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

  见:

  Highcharts中文网首页:http://www.hcharts.cn/index.php

  Highcharts官网:http://www.highcharts.com/

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

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

? ? Highcharts中文教程

  Highcharts API文档

  Highcharts 在线演示平台

? ? 学习的重点就是这个在线演示平台啦,它包含了下载包中的所有示例文件。而且可以点击qqqpqaGvq7CF4JIVVVVRoxLRQKxq8N1A9Q/Grc/uskWpDDdHR02H2dBH1vTD6f39/f/yeiw/7+fj6ft/9yHjxkHpund+hVZ8VisVAo5BEdCoVCsVi0/6ozPGQem6eHL478D4AvjvwxaLw4EkF+ymBMEQeAMUUcAMYUcQAYU8QBYEwRB4AxRRwAxhRxABhTxAFgTBEHgDFFHMC/AMmPjQU9vQpUAAAAAElFTkSuQmCC" />页面中间的这个“编辑代码”可以跳转到一个“在线测试平台”的地方,像这里http://www.hcharts.cn/test/index.php?from=demo&p=10

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

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

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

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

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



    
        
        Highcharts Example

        
        
        
        
    
    



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

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

出处:http://www.cnblogs.com/zrtqsk/p/4013980.html 谢谢!

Tag标签: 图表?? 网页??
  • 专题推荐

About IT165 - 广告服务 - 隐私声明 - 版权申明 - 免责条款 - 网站地图 - 网友投稿 - 联系方式
本站内容来自于互联网,仅供用于网络技术学习,学习中请遵循相关法律法规