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函数可以获取远程 ...
随机推荐
- JavaScript基本类型值与引用类型值
前言 JS变量可以用来保存两种类型的值:基本类型值和引用类型值.基本类型的值源自一下5种基本数据类型:Underfined.Null.Boolean.Number和String. 基本类型值和引用类型 ...
- 通过电脑(计算机)下载google play的应用的方法
手机上安装GOOGLE PLAY很麻烦,经常不成功.于是采用电脑下载APK的方法. 网上传说的下载chrome的插件,然后获取DEVICE ID的方法,经过试用,一直无法获得DEVICE ID. 经过 ...
- MyEclipse10.X 的破解过程详细图解
http://wenku.baidu.com/view/423e95056c85ec3a87c2c512.html
- flash builder的编译缓存
C:\Users\Administrator\AppData\Roaming 因为我的一个项目是手机.浏览器都支持的项目,所以我经常删除项目然后修改成别的类型: 可能是这个原因,导致我的程序或者加载的 ...
- 使用ROS节点(五)
先启动roscore roscore 为了获取节点信息,可以使用rosnode命令 $ rosnode 获取得一个可接受参数清单
- [vijos P1531] 食物链
做出的第一道NOI题目?(噗,还是看题解才会的…按某篇解题说的,这题就比我年轻四岁…T T 做的第一道IOI题目是USACO上的Packing Rectangles...这题比我还老!)对我等弱渣来说 ...
- MonoRail MVC应用(2)-构建多层结构的应用程序
习惯了分层结构的.NET开发了,当然也是分层有优势,所以在使用MonoRail进行网站构建时,首先考虑到的问题就是MonoRail如何应对分层的结构.问题1:MonoRail在WEB层没有根目录,必须 ...
- C++,1....n中随机等概率的输出m个不重复的数(假设n远大于m)。
#include <stdlib.h> #include <time.h> knuth(int n, int m) { srand((unsigned )); ; i < ...
- 跨域请求之jQuery的ajax jsonp的使用解惑
前天在项目中写的一个ajax jsonp的使用,出现了问题:可以成功获得请求结果,但没有执行success方法,直接执行了error方法提示错误——ajax jsonp之前并没有用过,对其的理解为跟普 ...
- ODI 12.1.3创建standalone代理
首先要安装ODI. ODI安装 如果没有安装WLS,则可以选择独立安装,如下图.