jQuery+css3打造的⼀款炫酷的曲线图
jQuery+css3炫酷的曲线图，可做作为统计⼀样数据时来利⽤它！是⼀款基于jquery+css3实现的交互式曲线图形插件。有两种形式的统计⽅式,⼀种是曲线统计,⼀种是柱形统计⽅式。这些都是常⽤的统计⽅式，⿏标移动到原点时可设置当前的数据。
主要代码如下：
1var graphData = [{
2// Visits
3            data: [ [6, 1300], [7, 1600], [8, 1900], [9, 2100], [10, 2500], [11, 2200], [12, 2000], [13, 1950], [14, 1900], [15, 2000] ],
4            color: '#71c73e'
5        }, {
6// Returning Visits
7            data: [ [6, 500], [7, 600], [8, 550], [9, 600], [10, 800], [11, 900], [12, 800], [13, 850], [14, 830], [15, 1000] ],
8            color: '#77b7c5',
9            points: { radius: 4, fillColor: '#77b7c5' }
10        }
11    ];
jquery在线图片就如代码介绍，可以直接输⼊数组进⾏曲线图的显⽰。
效果图如下：
1)柱形
2)曲线形
以上就是两个效果，更多效果请关注分享
下载特效:

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。