国内网站有 http://www.ichartjs.com/
国外网站有 http://www.jqplot.com/index.php
1.简单示例1 线条图
<script type="text/javascript" src="../src/plugins/jqplot.canvasTextRenderer.min.js"></script> <script type="text/javascript" src="../src/plugins/jqplot.canvasAxisLabelRenderer.min.js"></script>
$(document).ready(function(){ var plot1 = $.jqplot ('chart1', [[3,7,9,1,4,6,8,2,5]]); });
2.简单示例2 柱状图
$(document).ready(function(){ // For horizontal bar charts, x an y values must will be "flipped" // from their vertical bar counterpart. var plot2 = $.jqplot('chart2', [ [[2,1], [4,2], [6,3], [3,4]], [[5,1], [1,2], [3,3], [4,4]], [[4,1], [7,2], [1,3], [2,4]]], { seriesDefaults: { renderer:$.jqplot.BarRenderer, // Show point labels to the right ('e'ast) of each bar. // edgeTolerance of -15 allows labels flow outside the grid // up to 15 pixels. If they flow out more than that, they // will be hidden. pointLabels: { show: true, location: 'e', edgeTolerance: -15 }, // Rotate the bar shadow as if bar is lit from top right. shadowAngle: 135, // Here's where we tell the chart it is oriented horizontally. rendererOptions: { barDirection: 'horizontal' } }, axes: { yaxis: { renderer: $.jqplot.CategoryAxisRenderer } } }); });
更多内容 请参考我的个人博客 http://ismartstudio.com/
相关推荐
jquery 实现的一款报表,可以在页面中展示,包括常用的饼状图、柱状图等。jsp、asp等都可以使用,在页面中展示生成统计图等,非常实用,使用也很简单,看一眼估计就懂
之前用过好多统计图表的插件,这个最好用,轻量级,功能强大jquery柱状图饼状图曲线图统计图表插件.rar
js jquery 实现实现柱状图,饼状图,折线图,平面图,立体三维图,自己实现的例子,还有很多官方例子,随便选用,只需要填写相关字段,和对应数值就可实现图表
jquery 实现的一款报表,可以在页面中展示,包括常用的饼状图、柱状图等。jsp、asp等都可以使用,在页面中展示生成统计图等,非常实用,使用也很简单,看一眼估计就懂。
jquery图表,包括柱状图,饼状图,完美展现报表
这里包含jquery-ui-1.8.16.custom.min.js/jquery-ui-1.8.16.custom.css,我费了好长时间找到的,此东西可以配合jQuery UI开发指南一书使用。
js jquery 实现实现柱状图,饼状图,折线图,平面图,立体三维图,自己实现的例子,还有很多官方例子,随便选用,只需要填写相关字段,和对应数值就可实现图表
jquery图表控件,包括柱状图,曲线图,饼状图,仪表盘等,纯jquery实现,使用简单,带有详细的例子,一看就明白!
含下述资源: jquery-1.8.2.js jquery-1.8.2.min.js jquery-1.8.2-vsdoc.js jquery.cookie.js jquery1.8.2.chm
js/jquery图形表格类特效,组件。共13个组件
《疯狂Ajax讲义:Prototype/jQuery+DWR+Spring+Hibernate整合开发》是《基于J2EE的Ajax宝典》的第二版。《基于J2EE的Ajax宝典》面市近2年,作为Ajax领域最全面、实用的图书,一直深受读者的好评。全书主要分为三个...
jQuery 3D透明蓄水池柱状图代码基于jquery-1.11.0.min.js制作,点击柱状图可动态改变高度值,百分比显示。
用Jquery 添加删除行, 并进行计算 品名 数量 单价 金额(计算得出) 添加(按钮) 品名 数量 单价 金额(计算得出) 删除(按钮) .... --- 总计:
jquery各种统计图,很全,很强大,饼状图线条图折线图
【原创作者田超凡,未经许可请勿转发,侵权仿冒必究】 JS/JQuery-第1章上机练习.zip
用jQuery生成漂亮的饼状图、柱状图、折线图,操作方便实用!
* jQuery JavaScript Library v3.5.1 * https://jquery.com/ * * Includes Sizzle.js * https://sizzlejs.com/ * * Copyright JS Foundation and other contributors * Released under the MIT license * ...
jquery1.7 API jquery-1.7.1.min.js jquery-1.7.1.js 最新Jquery1.7版本,三个文件放一起的压缩包,方便各位下载使用!
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script> <script type="text/javascript" src="js/jquery.poshytip.js"></script> <script type="text/javascript" src="js/jquery.cookie.js"></...
jquery-3.7.0.min.js(jQuery下载)jquery-3.7.0.min.js(jQuery下载)jquery-3.7.0.min.js(jQuery下载)jquery-3.7.0.min.js(jQuery下载)jquery-3.7.0.min.js(jQuery下载)jquery-3.7.0.min.js(jQuery下载)...