Highcharts的基本属性和方法详解
Highcharts 是一个用纯JavaScript编写的一个图表库, 能够很简单便捷的在web网站或是web应用程序添加有交互性的图表,并且免费提供给个人学习、个人网站和非商业用途使用。
目前HighCharts支持的图表类型有曲线图、区域图、柱状图、饼状图、散状点图和综合图表。
HighCharts界面美观,由于使用JavaScript编写,所以不需要像Flash和Java那样需要插件才可以运行,而且运行速度快。另外HighCharts还有很好的兼容性,能够完美支持当前大多数浏览器。
下面给出实例并详解分析他们:
1 |
<script type="text/javascript" src="js/jquery.min.js"></script><script type="text/javascript" src="js/highcharts.js"></script><script type="text/javascript">var chart; |
一.chart的部分相关属性说明
1 |
renderTo: 'container', //图表的页面显示容器(也就是要显示到的div) |
二. credits的部分相关属性说明
1 |
credits: //设置右下角的标记。highchart.com (这个也可以在highcharts.js里中修改){//enabled: true, //是否显示 |
三. title的部分相关属性说明
1 |
title: //标题{ |
四. xAxis或者YAxis的部分相关属性说明
1 |
categories: ['一月', '二月'],//allowDecimals: false//alternateGridColor: 'red' //在图表中相隔出现纵向的颜色格栅//dateTimeLabelFormats: ,//endOnTick: false, //是否显示控制轴末端的一个cagegories出来//events: {//setExtremes://},//gridLineColor: "red", //纵向格线的颜色//gridLineDashStyle: Solid //纵向格栅线条的类型//gridLineWidth: 5, //纵向格线的的大小//id: null,//labels: { //X轴的标签(下面的说明)//align: "center", //位置//enabled: false, //是否显示//formatter: ,//rotation: 90, //旋转,效果就是影响标签的显示方向//staggerLines: 4, //标签的交错显示(上、下)//step: 2, //标签的相隔显示的步长//style:{},//x: 100, //偏移量,默认两个都是0,//y: 40//},//lineColor: "red", //X轴的颜色//lineWidth: 5, //X轴的宽度//linkedTo:1,//opposite: true //是否把标签显示到对面//max: 12, //显示的最大值//maxPadding: 6,//maxZoom: 1,//min: 10, //显示的最小值//minorGridLineColor: 'red', //副格线的颜色//minorGridLineDashStyle: 'blod', //副格线的的颜色//minorGridLineWidth: 50, //副格线的宽度//minorTickColor: #A0A0A0, //没有看出效果 |
五.tooltip的部分相关属性说明
1 |
tooltip: //提示框设置{ |
六.legend(图例说明)的部分相关属性说明
1 |
legend: //图例说明{//layout: 'vertical', //图例说明布局(垂直显示,默认横向显示) |
七. plotOptions的部分修改属性说明
1 |
plotOptions:{ |
如果有什么不懂的,或者不会做的,可以给我留言。
本文链接:http://www.aimks.com/basic-properties-and-methods-rounding-highcharts.html
Highcharts的基本属性和方法详解的更多相关文章
- RabbitMQ 相关概念和方法详解
名词解释 ConnectionFactory: 与 RabbitMQ 服务器连接的管理器. Connection: 与 RabbitMQ 服务器的连接. Channel: 与 Exchange 的连接 ...
- session的使用方法详解
session的使用方法详解 Session是什么呢?简单来说就是服务器给客户端的一个编号.当一台WWW服务器运行时,可能有若干个用户浏览正在运正在这台服务器上的网站.当每个用户首次与这台WWW服务器 ...
- Kooboo CMS - Html.FrontHtml[Helper.cs] 各个方法详解
下面罗列了方法详解,每一个方法一篇文章. Kooboo CMS - @Html.FrontHtml().HtmlTitle() 详解 Kooboo CMS - Html.FrontHtml.Posit ...
- HTTP请求方法详解
HTTP请求方法详解 请求方法:指定了客户端想对指定的资源/服务器作何种操作 下面我们介绍HTTP/1.1中可用的请求方法: [GET:获取资源] GET方法用来请求已被URI识别的资源.指定 ...
- ecshop后台增加|添加商店设置选项和使用方法详解
有时候我们想在Ecshop后台做个设置.radio.checkbox 等等来控制页面的显示,看看Ecshop的设计,用到了shop_config这个商店设置功能 Ecshop后台增加|添加商店设置选项 ...
- (转)Spring JdbcTemplate 方法详解
Spring JdbcTemplate方法详解 文章来源:http://blog.csdn.net/dyllove98/article/details/7772463 JdbcTemplate主要提供 ...
- C++调用JAVA方法详解
C++调用JAVA方法详解 博客分类: 本文主要参考http://tech.ccidnet.com/art/1081/20050413/237901_1.html 上的文章. C++ ...
- windows.open()、close()方法详解
windows.open()方法详解: window.open(URL,name,features,replace)用于载入指定的URL到新的或已存在的窗口中,并返回代表新窗口的Win ...
- CURL使用方法详解
php采集神器CURL使用方法详解 作者:佚名 更新时间:2016-10-21 对于做过数据采集的人来说,cURL一定不会陌生.虽然在PHP中有file_get_contents函数可以获取远程 ...
随机推荐
- 回车键Enter
兼容IE与firefox火狐的回车事件(js与jquery) 原生Javascript写法: <script> document.onkeydown=function(event) { e ...
- 【bzoj2281】[Sdoi2011]黑白棋
博弈论---Nimk问题. dp再搞搞. 很容易看出,该游戏的终态是每两个棋子都紧靠着.当一颗棋子移动,另一方与该棋子对应的那一刻可以立即追上,使得仍旧紧靠,最终棋子动弹不得,游戏结束. 还能看出,对 ...
- PhpStorm WebMatrix xDebug 配置开发环境
1.首先下载WebMatrix安装程序,下载地址 http://www.microsoft.com/web/webmatrix/ 安装步骤 参考:http://www.jb51.net/softjc ...
- Deep Learning 初识
实际生活中,人们为了解决一个问题,如对象的分类(对象可是是文档.图像等),首先必须做的事情是如何来表达一个对象,即必须抽取一些特征来表示一个对象,如文本的处理中,常常用词**来表示一个文档,或把文档表 ...
- NOIP 2013提高组day 1 T 1转圈游戏 快速幂
描述 n 个小伙伴(编号从 0 到 n-1)围坐一圈玩游戏.按照顺时针方向给 n 个位置编号,从0 到 n-1.最初,第 0 号小伙伴在第 0 号位置,第 1 号小伙伴在第 1 号位置,……,依此类推 ...
- jsp:useBean标准动作
1.bean法则 JavaBean和企业JavaBean是完全不相干的两个东西.普通的非企业JavaBean需要满足一定的规范才能被JSP和servlet使用: 1)必须有一个无参数的公共构造函数: ...
- <转>提高iOS开发效率的方法和工具
介绍 这篇文章主要是介绍一下我在iOS开发中使用到的一些可以提升开发效率的方法和工具. IDE 首先要说的肯定是IDE了,说到IDE,Xcode不能跑,当然你也可能同时在使用AppCode等其他的ID ...
- java基础之 http
HTTP(HyperText Transfer Protocol)是一套计算机通过网络进行通信的规则.计算机专家设计出HTTP,使HTTP客户(如Web浏览器)能够从HTTP服务器(Web服务器)请求 ...
- JS教程:词法作用域和闭包 (网络资源)
varclassA = function(){ ; } classA.prototype.func1 = function(){ var that = this, ; function a(){ re ...
- 理解NSTextContainer
Apple的Doc对这个类的描述是这样的: The NSTextContainer class defines a region where text is laid out. An NSLayout ...