- 浏览: 797742 次
- 性别:
- 来自: 北京
文章分类
- 全部博客 (413)
- 项目 (12)
- 统计分析 (3)
- java (7)
- jquery (15)
- oracle (33)
- 面试题 (8)
- 排序算法 (3)
- 蛇形矩阵算法 (3)
- 字符串 (1)
- ICU分析插件 (1)
- html5 (1)
- Ubuntu (4)
- Linux (4)
- memcache (2)
- myeclipse (3)
- hadoop (18)
- hbase (14)
- hive (7)
- zookeeper (2)
- pig (0)
- mysql (11)
- Redis (8)
- MongoDB (7)
- Cassandra (0)
- Neo4j (0)
- springMVC (3)
- ibatis (1)
- mahout (0)
- Highcharts (1)
- maven (7)
- 生活随笔 (6)
- 存储过程 (4)
- mybatis (3)
- bootstrap (19)
- 工作中遇到的问题 (23)
- node.js (3)
- web前段 (6)
- AngularJS (5)
- GIT (2)
- nginx (5)
- hive,sqoop (1)
- 高并发 (2)
- 算法 (3)
- 工具类 (2)
- ckeditor (1)
- java代码自动生成 (3)
- ueditor (6)
- svn (4)
- easyui (3)
- 数据挖掘 (4)
- ligerUi (1)
- fullcalendar (1)
- 微信公众号开发 (1)
- tomcat (2)
- 面试 (7)
- 数据库性能优化 (2)
- R语言 (3)
- R (6)
- ylcf (39)
- CentOS (13)
- docker (28)
- Spring Boot (10)
- Nexus (1)
- thymeleaf (2)
- nodejs (2)
- swagger (1)
- Jenkins (1)
- SpringCloud (9)
- vue (1)
- springClould问题汇总 (3)
- layui (1)
最新评论
-
greatwqs:
在前置请求页面返回token, 在提交接口中验证token, ...
Spring MVC 用拦截器+token防止重复提交 -
zhukewen_java:
这种方法的缺陷在于如果请求了两个save=true的方法,后面 ...
Spring MVC 用拦截器+token防止重复提交 -
byrgl5:
请问如果重复提交了三次呢?能避免吗?
Spring MVC 用拦截器+token防止重复提交 -
381895649:
是不是有病?
服务器被如下ip攻击,如何根据ip超找攻击来源 -
greatwqs:
最棒的10款MySQL管理工具
jsp页面
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>饼状图Chart</title> <link rel="stylesheet" type="text/css" href="<%=basePath %>admin/test/bingtu/codebase/GooPieChart.css"/> <script type="text/javascript" src="<%=basePath %>admin/test/bingtu/codebase/jquery-1.3.2.min.js"></script> <!--[if IE]><script type="text/javascript" src="codebase/excanvas.compiled.js"></script><![endif]--> <script type="text/javascript" src="<%=basePath %>admin/test/bingtu/codebase/GooFunc.js"></script> <script type="text/javascript" src="<%=basePath %>admin/test/bingtu/codebase/GooPieChart.js"></script> <script> var canvas,canvas2; var property={ con_width:600, con_height:400, canvas_width:320, canvas_height:320, canvas_top:40, canvas_left:80, core_x:160, core_y:160, radius:150, defaultColor:"#cccccc" //默认的颜色,如果dataKind中没有,则直接该默认颜色 } </script> <script> $(document).ready(function(){ canvas=$.createGooPieChart($("#mycanvas"),property); canvas.setTitle("AlienWare9月销量","份"); //canvas.loadPieData(data,"num","总销量: &d 份");//固定的数据 //从后台获取数据 $.ajax({ type: 'post', url: "<%=basePath%>getDatadiaochaAction", success: function(data) { var json=new Array(); json=data.split("\t");/*分割字符串*/ var datakind=eval("("+json[1]+")");/*转换为json格式*/ var piedate=eval("("+json[0]+")");/*转换为json格式*/ canvas.setDataKind(datakind); canvas.loadPieData(piedate,"num","总销量: &d 份");//从后台获取的数据 } }); }); </script> </head> <body> <div id="mycanvas"></div> </body> </html>
从后台获取数据
public String getData() { StringBuffer json = new StringBuffer(); StringBuffer json2 = new StringBuffer(); json2.append("{note_width:100,note_height:180,note_top:30,note_left:460,sort_type:\"v\",text_color:\"#ffffff\",").append("" + "items:[").append("" + "{id:\"c1\",color:\"#0054A6\",label:\"电源\"},").append("" + "{id:\"c2\",color:\"#0072BC\",label:\"笔记本\"},").append("" + "{id:\"c3\",color:\"#00A99D\",label:\"机箱\"},").append("" + "{id:\"c4\",color:\"#00A651\",label:\"主板\"},").append("" + "{id:\"c5\",color:\"#8DC63F\",label:\"显卡\"},").append("" + "{id:\"c6\",color:\"#F8F200\",label:\"鼠标\"},").append("" + "{id:\"c7\",color:\"#F7941D\",label:\"游戏手柄\"},").append("" + "{id:\"c8\",color:\"#F26522\",label:\"内存\"},").append("" + "{id:\"c9\",color:\"#ED1C24\",label:\"散热器\"}").append("" + "]}"); json.append("[{id:\"c1\",num:").append(100).append("}," + "{id:\"c2\",num:").append(150).append("}," + "{id:\"c3\",num:").append(100).append("}," + "{id:\"c4\",num:").append(150).append("}," + "{id:\"c5\",num:").append(100).append("}," + "{id:\"c6\",num:").append(100).append("}," + "{id:\"c7\",num:").append(50).append("}," + "{id:\"c8\",num:").append(100).append("}," + "{id:\"c9\",num:").append(300).append("}]"); System.out.println("json====="+json); MyPrint.responseWrite(json + "\t"+json2); return null; }
运行效果
发表评论
-
jquery多个选择器绑定同一个事件
2018-02-25 22:10 1898$("#logout,#logout2" ... -
关于jQuery操作复选框checkbox的attr无效的问题的解决方案
2016-07-27 10:45 1718关于checkbox的attr无效的问题的经济办法 jq ... -
从零开始学习jQuery (六) AJAX快餐
2014-06-21 07:35 882[导读] 一 摘要本系列文章将带您进入jQuery的精彩世 ... -
从零开始学习jQuery (五) 事件与事件对象
2014-06-20 10:24 955[导读] 一 摘要事件是脚本编程的灵魂 所以本章内容也是jQ ... -
从零开始学习jQuery (四) 使用jQuery操作元素的属性与样式
2014-06-20 10:23 843[导读] 一 摘要本篇文章讲解如何使用jQuery获取和操作 ... -
从零开始学习jQuery (三) 管理jQuery包装集
2014-06-20 10:22 623[导读] 一 摘要在使用jQuery选择器获取到jQuery ... -
从零开始学习jQuery (二) 万能的选择器
2014-06-20 10:17 692[导读] 一 摘要本章讲解jQuery最重要的选择器部分的知 ... -
jquery通过a标签获取其上一级tr标签
2014-06-20 10:02 1597<tr> <td>a</td ... -
jquery map绘制中国地图显示各个地区分布排行榜
2014-04-09 22:59 3842jquery map绘制中国地图显示各个地区分布排行 ... -
Jquery LigerUI
2014-04-09 22:52 1134阅读目录 获取最新代码 ligerUI是什么 如何 ... -
层次树Ecotree的实现
2011-08-26 14:36 2624最近工作中开发的项目 ... -
jquery tree
2011-06-07 23:19 1801<script type="text/java ... -
jquery flexigrid动态加载数据
2011-06-07 23:08 3775<%@ page language="java ... -
jquery datagrid动态加载数据
2011-06-07 22:51 2595<%@ page language="java ...
相关推荐
php饼图 jquery饼图 highcharts
jQuery饼图服务器资源统计代码.zip
jQuery饼图服务器资源统计代码是一款服务器新的访问,跳出率,负载,使用情况等canvas图表统计数据模板代码。
jquery的饼图插件,用于统计数据神器,有需要的朋友们来看下,全免费,有什么需求可以评论,我来修正,谢谢大家支持!
3D 饼图 Pie jquery 点击有特效
java利用jQuery生成图表,柱状图,饼图,折线图
jquery实现表格+饼图的demo,希望对大家有用。不管你用不用,反正我用项目里了 呵呵 :)
本功能类是建立在JQUERY1.3.2的基础之上 //feature: //1.饼图的标题,各种数据的颜色、名称及数量均可自定义,总数量将交由控件自动算出 //2.饼图的圆心所在CANVAS中的位置,饼图的半径,每个色区中显示数值的类型都...
一组漂亮的jquery饼状数据组图 新型的EASY饼图数据统计Jquery插件
使用raphael、jquery实现3D饼状图,鼠标点击划出等效果;
因为echarts没这个功能,或者说做不出这样的效果,所以通过FusionCharts、jquery实现3D饼状图。附demo代码。
jquery html5 图表用canvas绘制一个动画圆形饼图
本文实例讲述了jQuery插件HighCharts绘制2D饼图效果。分享给大家供大家参考,具体如下: 1、实例代码: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>HighCharts 2D...
EASY饼图数据统计Jquery插件.zip
Attractive JavaScript charts for jQuery
报表制作 曲线图 饼图 折线图 jquery.jqplot水晶报表 制作图表,统计,汇总,预测比较实用,结合流行的jquery技术,更是能大大提高工作效率,使用的灵活性高,可以做出动态、时时的效果。
一个轻量级的 jQuery 插件用于创建SVG饼图状加载器
jquery html5图表动画圆形饼图.zip
主要介绍了jQuery插件FusionCharts绘制的3D环饼图效果,结合完整实例形式分析了jQuery使用FusionCharts载入xml格式数据绘制图形的操作步骤与相关实现技巧,并附带demo源码供读者下载参考,需要的朋友可以参考下