全网整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:400-708-3566

jQuery插件FusionCharts实现的3D帕累托图效果示例【附demo源码】

本文实例讲述了jQuery插件FusionCharts实现的3D帕累托图效果。分享给大家供大家参考,具体如下:

1、设计3D帕累托图的页面

index.html:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>FusionCharts Pareto3D图</title>
<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="FusionCharts/FusionCharts.js"></script>
<script type="text/javascript">
$(function(){
 var pareto3D = new FusionCharts( "FusionCharts/Pareto3D.swf", "pareto3DId", "100%", "540", "0" );
 pareto3D.setXMLUrl("pareto3D.xml");
 pareto3D.render("pareto3DChart");
});
</script>
</head>
<body>
  <div id="pareto3DChart"></div>
</body>
</html>

2、设计3D帕累托图的数据源 pareto3D.xml:

<?xml version="1.0" encoding="UTF-8"?>
<chart caption="()一周统计人数" xAxisName="星期" PYAxisName ="人数" plotGradientColor="" showValues='0'
    baseFont='微软雅黑' baseFontSize='20' baseFontColor='#654545' outCnvBaseFont='宋体'
    outCnvBaseFontSize='24' outCnvBaseFontColor='#989899' drawAnchors='1' anchorSides='4'
    anchorRadius='10' anchorBorderColor='#FF0000' anchorBorderThickness='1' anchorBgColor='#00FF00'
    anchorAlpha='50' anchorBgAlpha='50' numDivLines='8' divLineIsDashed='1'>
  <set label="星期一" value="205"/>
  <set label="星期二" value="165"/>
  <set label="星期三" value="85"/>
  <set label="星期四" value="62"/>
  <set label="星期五" value="73"/>
  <set label="星期六" value="109"/>
  <set label="星期日" value="121"/>
</chart>

3、设计结果

附:完整实例代码点击此处本站下载

注:该源码需要放到服务器环境下运行!否则无法加载xml文件数据。

更多关于jQuery相关内容感兴趣的读者可查看本站专题:《jQuery常用插件及用法总结》、《jquery中Ajax用法总结》、《jQuery表格(table)操作技巧汇总》、《jQuery扩展技巧总结》、《jQuery常见经典特效汇总》及《jquery选择器用法总结》

希望本文所述对大家jQuery程序设计有所帮助。


# jQuery  # 插件  # FusionCharts  # 3D  # 帕累托图  # jQuery插件FusionCharts绘制的3D环饼图效果示例【附demo源码】  # jQuery插件FusionCharts实现的MSBar3D图效果示例【附demo源码】  # jQuery插件FusionCharts实现的3D柱状图效果实例【附demo源码下载】  # jQuery插件FusionCharts绘制的3D饼状图效果实例【附demo源码下载】  # jQuery插件FusionCharts绘制2D柱状图和折线图的组合图效果示例【附demo源码】  # jQuery插件FusionCharts实现的2D柱状图效果示例【附demo源码下载】  # 12款经典的白富美型—jquery图片轮播插件—前端开发必备  # 强烈推荐240多个jQuery插件提供下载  # 推荐8款jQuery轻量级树形Tree插件  # 基于JQuery的6个Tab选项卡插件  # jQuery插件FusionCharts绘制的3D双柱状图效果示例【附demo源码】  # 相关内容  # 感兴趣  # 微软  # 给大家  # 点击此处  # 更多关于  # 所述  # 程序设计  # 宋体  # 星期日  # 操作技巧  # 加载  # 选择器  # 讲述了  # UTF  # charset  # text  # script  # Pareto3D  # title 


相关文章: 沈阳制作网站公司排名,沈阳装饰协会官方网站?  如何用wdcp快速搭建高效网站?  上海制作企业网站有哪些,上海有哪些网站可以让企业免费发布招聘信息?  建站主机默认首页配置指南:核心功能与访问路径优化  网站制作软件有哪些,制图软件有哪些?  无锡制作网站公司有哪些,无锡优八网络科技有限公司介绍?  如何快速打造个性化非模板自助建站?  如何在Windows环境下新建FTP站点并设置权限?  ,南京靠谱的征婚网站?  湖南网站制作公司,湖南上善若水科技有限公司做什么的?  如何在云主机上快速搭建多站点网站?  制作网页的网站有哪些,电脑上怎么做网页?  北京的网站制作公司有哪些,哪个视频网站最好?  如何快速上传建站程序避免常见错误?  定制建站哪家更专业可靠?推荐榜单揭晓  如何在云主机快速搭建网站站点?  Dapper的Execute方法的返回值是什么意思 Dapper Execute返回值详解  音乐网站服务器如何优化API响应速度?  javascript中对象的定义、使用以及对象和原型链操作小结  如何选择高性价比服务器搭建个人网站?  外贸公司网站制作,外贸网站建设一般有哪些步骤?  相册网站制作软件,图片上的网址怎么复制?  建站主机选购指南:核心配置与性价比推荐解析  重庆市网站制作公司,重庆招聘网站哪个好?  如何确保FTP站点访问权限与数据传输安全?  免费制作海报的网站,哪位做平面的朋友告诉我用什么软件做海报比较好?ps还是cd还是ai这几个软件我都会些我是做网页的?  如何通过二级域名建站提升品牌影响力?  关于BootStrap modal 在IOS9中不能弹出的解决方法(IOS 9 bootstrap modal ios 9 noticework)  已有域名和空间如何搭建网站?  建站之星IIS配置教程:代码生成技巧与站点搭建指南  如何快速生成橙子建站落地页链接?  如何快速搭建高效WAP手机网站?  韩国服务器如何优化跨境访问实现高效连接?  香港服务器租用费用高吗?如何避免常见误区?  如何确保西部建站助手FTP传输的安全性?  如何通过虚拟主机空间快速建站?  h5在线制作网站电脑版下载,h5网页制作软件?  赚钱网站制作软件,建一个网站怎样才能赚钱?是如何盈利的?  如何通过云梦建站系统实现SEO快速优化?  建站之星后台管理系统如何操作?  单页制作网站有哪些,朋友给我发了一个单页网站,我应该怎么修改才能把他变成自己的呢,请求高手指点迷津?  如何选择适合PHP云建站的开源框架?  如何在云虚拟主机上快速搭建个人网站?  b2c电商网站制作流程,b2c水平综合的电商平台?  网站制作公司哪里好做,成都网站制作公司哪家做得比较好,更正规?  大连网站设计制作招聘信息,大连投诉网站有哪些?  微信推文制作网站有哪些,怎么做微信推文,急?  建站主机选购指南:核心配置优化与品牌推荐方案  网站建设制作需要多少钱费用,自己做一个网站要多少钱,模板一般多少钱?  网页制作模板网站推荐,网页设计海报之类的素材哪里好? 

您的项目需求

*请认真填写需求信息,我们会在24小时内与您取得联系。