在设计一个项目中的数据展示页面时。想要设计双X轴,一个轴显示须要的项。一个轴对这些项进行分组。效果如图: Highcharts自带双X轴展示方式。可是效果不是太理想。调整起来也会麻烦些看到Highcharts上有一个分组插件。grouped-categories.js。稍做改动就可以实现想要的效果,
分类:
其他好文 时间:
2016-03-08 13:38:13
阅读次数:
219
这是一款效果非常酷的js和css3适合移动mobile的弹性堆叠图片切换特效。该弹性堆叠图片切换特效的特点是支持移动触摸屏设备,可以通过手指滑动来切换图片。
所有图片开始时堆叠在一起,当你用手指滑动图片的时候,堆叠图片就像弹簧被扯动一样,最上面的一张图片被拉到最下面,效果非常炫酷。
在线演示:http://www.htmleaf.com/Demo/201503201551.html
...
分类:
移动开发 时间:
2015-03-21 14:06:38
阅读次数:
164
为要实现柱形堆叠图,本身只有一个分组,也要使用这样的图像格式来完成。从highcharts官网上找到例子,复制过来,经过好几轮的修改,总是报错“SCRIPT5007:无法获取未定义或null引用的属性“dataMin””。一直找不到原因,网上搜也找不到,然后让同事看,一开始同事说我传递ser..
分类:
其他好文 时间:
2015-03-20 18:54:15
阅读次数:
169
这是一组共9款CSS3炫酷图片预览展示动画特效插件。该效果开始时图片堆叠在一起,当鼠标滑过图片时,图片会以9种不同的方式展开,有扇形、平面展开等等非常酷的效果。
注意:每种效果的图片数量是固定的,数量不对显示出来的效果会不太美观。
在线演示:http://www.htmleaf.com/Demo/201503071477.html
下载地址:http://www.htmleaf.co...
分类:
Web程序 时间:
2015-03-08 14:19:19
阅读次数:
117
这是一款效果非常炫酷的jQuery和CSS3 3d翻转图片幻灯片插件。这个幻灯片插件开始的时候图片都堆叠在一起,当用户点击了其中的某张图片后,该图片会以3D翻转的方式“飞”到堆叠图片的最前面。
在该幻灯片插件中使用了 CSS3 transition、CSS3 animations 和 CSS3 transforms,并用jQuery来处理鼠标点击事件。
在线演示:http://ww...
分类:
Web程序 时间:
2015-02-09 14:11:49
阅读次数:
150
利用highcharts的series:{stacking:‘normal‘}进行区分。$(function(){$(‘#container‘).highcharts({chart:{type:‘bar‘},title:{text:‘Stackedbarchart‘},xAxis:{categories:[‘Apples‘,‘Oranges‘,‘Pears‘,‘Grapes‘,‘Bananas‘]},yAxis:{min:0,title:{text:‘Totalfruitconsumption..
分类:
其他好文 时间:
2014-11-25 18:54:11
阅读次数:
808
XCL-Charts v0.1
Android开源图表库,基于原生的Canvas来绘制各种图表。目前支持3D/非3D柱形图、3D/非3D饼图、堆叠图、面积图、折线图、曲线图、环形图、南丁格尔玫瑰图、仪表盘、圆形图等等,并支持图表的混合显示及同数据源不同类型图表切换的功能。
License
采用Apache v2 License开源协议。
项目代码托管在开源中国上:
https://git.oschina.net/xclcharts/XCL-Charts
对在Android上用C...
分类:
移动开发 时间:
2014-06-16 11:38:22
阅读次数:
403