Highcharts数据表示(3)
Highcharts数据表示(3)
採用对象数组的形式,能够明白节点上每一个项目的值。可是当节点较多时,会造成大量的冗余代码。
假设不写配置项名称,对象数组就能够简化二维数组。形式例如以下:
- data:[
 - [Number|String , Number , Color , Number|String|Object],
 - [Number|String , Number , Color , Number|String|Object],
 - [Number|String , Number , Color , Number|String|Object],
 - ……,
 - [Number|String , Number , Color , Number|String|Object],
 - ]
 
这个时候。能够节省非常多代码书写量。可是因为不同的数据列可能包括的项目不同,所以须要让Highcharts能正确识别每一个项目的顺序。这个时候,能够採用配置项keys来指定项目顺序。
该配置项是series的一个子配置项。
其语法例如以下:
- keys:Array<String>
 
当中,參数Array<String>指定二维数组中每一个值所相应的配置项名称。对于刚才的样例,就须要使用keys进行指定,形式例如以下:
- keys:[‘x’,’y’,’color’,’hightemtime’]
 
PS:该内容已经增加《网页图表Highcharts实践教程基础篇》v1.2.5。
Highcharts数据表示(3)的更多相关文章
- Highcharts数据表示(2)
		
Highcharts数据表示(2) 数据节点是图表中最小的元素.每一个数据节点都是一个数据单元. 它确定了图表中一个图形元素的各种信息.一个数据节点通常包含下面三类信息: 1.坐标位置信息 因为Hig ...
 - Highcharts中国地图热力图
		
最近有个项目需要将MC销量按大陆各省统计,并以中国地图人力图效果显示.由于项目一直使用Highcharts进行图表的统计,故采用Highmaps来实现. 效果如下: 1)中国各个省.直辖市.自治区: ...
 - Highcharts入门小示例
		
一.创建条形图 1.创建div容器 <div id="container" style="min-width:800px;height:400px"> ...
 - Highcharts配置
		
一.基础使用 <script src="http://cdn.hcharts.cn/jquery/jquery-1.8.3.min.js"></script> ...
 - highcharts .net导出服务 和 两种导出方式
		
highcharts 的Net导出服务 GitHub上整理的https://github.com/imclem/Highcharts-export-module-asp.net 引用两个程序集 sh ...
 - 《Learning Highcharts》中文翻译
		
在highcarts的官方网站上推荐了一本书,由于highchart在平时工作中会用到,所以我们尝试将其翻译成中文,仅作为学习highchart工具的一种方式,以方便日后查阅. 翻译图书作为学习笔记, ...
 - highcharts饼状图使用案例
		
在公司由于需要对订单数据进行分析,故使用到了highcharts工具 <block name="Js"> <script type="text/java ...
 - highcharts
		
preparation Highcharts Highcharts是一个制作图表的纯Javascript类库,主要特性如下: 兼容性:兼容当今所有的浏览器,包括iPhone.IE和火狐等等: 对个人用 ...
 - highcharts使用笔记
		
1.legend取消点击事件: 饼图:plotOptions.pie.point.events.legendItemClick = function() {return false;} 其他,如:pl ...
 
随机推荐
- thinkphp5中vendor的使用?
			
1.创建处理数组的类ArrayList.php <?php /** * ArrayList实现类 * @author liu21st <liu21st@gmail.com> */ c ...
 - iOS网络图片缓存SDWebImage
			
Web image(网络图像) 该库提供了一个支持来自Web的远程图像的UIImageView类别 它提供了: 添加网络图像和缓存管理到Cocoa Touch framework的UIImageVie ...
 - 诊断:CLSRSC-400: A system reboot is required to continue installing.
			
Linux7.5安装Grid Infrastructure 12.2.0.1时,在root.sh时会报错 2018/01/30 09:19:28 CLSRSC-330: Adding Clusterw ...
 - node.js 的介绍
			
1.node.js是什么? (1)node.js不是一门编程语言, 是一个开发平台,就像Java开发平台,Net平台,PHP开发平台,Apple开发平台.(何为开发平台?有对应的编程语言,有语言运行时 ...
 - [BZOJ] 1037 [ZJOI2008]生日聚会
			
Time Limit: 10 Sec Memory Limit: 162 MB Submit: 3007 Solved: 1795 [Submit][Status][Discuss] Descript ...
 - java IO流 内容整理
			
在java中,对数据的输入和输出操作以流的方式进行.(注:对文件的操作用io.File类,但不能对文件中的内容进行操作) 一.IO流的分类: 按数据流的方向不同,可以分为输入流和输出流: 按处理数据的 ...
 - [学习资料] Tiny210(S5PV210) u-boot移植
			
Tiny210(S5PV210) u-boot移植http://www.microoh.com/bbs/forum.php?mod=viewthread&tid=254&fromuid ...
 - 使用js生成条形码以及二维码
			
一.用js生成条形码这种业务场景不是很常见的,最近刚好又接到这种需求 Google一下,发现github还真有这方面的轮子,感谢github,省去了我们很多造轮子的过程, 好了言归正传,首先引入jsb ...
 - HDU-1083Courses,二分图模板题!
			
Courses ...
 - expdp,impdp,include,exclude
			
The examples below are based on:- the demo schema SCOTT that is created with script: $ORACLE_HOME/rd ...