FusionCharts 3D帕累托图

最新推荐文章于 2023-01-06 17:30:36 发布
最新推荐文章于 2023-01-06 17:30:36 发布
阅读量287 收藏
点赞数
文章标签： javascript ViewUI

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

Pareto3D.html：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>FusionCharts Pareto3D</title>
	
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <script type="text/javascript" src="../scripts/jquery-2.0.3.js"></script>
    <script type="text/javascript" src="../scripts/Charts/FusionCharts.js"></script>
    <script type="text/javascript">
        $(function(){
              var pareto3D = new FusionCharts( "../scripts/Charts/Pareto3D.swf", "pareto3DId", "100%", "540", "0" );
      		  pareto3D.setXMLUrl("data/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、设计结果


iteye_8264
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
fusionchart支持仪表盘
03-18
fusionchart出图时，支持仪表盘展现的简单范例！
如何制作Pareto图
10-11
如何制作Pareto图
FusionCharts 2D帕累托图
牛栏山矿泉水
01-27 136
1、了解帕累托图的特性以及和其他图的共性 2、设计帕累托图页面中引入图的类型以及怎么引入到页面 Pareto2D.html： &lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;FusionCharts Pare...
fusioncharts 关于仪表盘的重要参数
leihope_的博客
04-11 1313
这个仪表盘没有找到参数之前真的是要命。 现在终于找到了，分享一下 -------------------------仪表盘重要属性解析-----------------------  根节点 upperLimit='120'--刻度值上限  lowerLimit='0' --刻度值下限  Limits='0/1'--是否显示极限值   baseFontColor='#FF3333'
FusionCharts初学者解决方案（一）------3D柱形图
夏沫沫的小兔子
01-18 414
（一）FusionCharts官方网站http://www.fusioncharts.com/ （二）FusionCharts文档解释 —-各个文件的作用 Charts ：里面包含着所有的SWF文件，如果你的Web项目需要创建图像，则导入相应的SWF文件即可。 Code ：里面包含了所有的示例代码。 Contents ：包含了文档，也就是API，
jQuery插件FusionCharts实现的3D帕累托图效果示例【附demo源码】
10-20
主要介绍了jQuery插件FusionCharts实现的3D帕累托图效果,结合实例形式分析了jQuery使用FusionCharts载入xml数据绘制3D帕累托图的相关实现技巧,并附带demo源码供读者下载参考,需要的朋友可以参考下
Asp.net FusionCharts 3D效果图
04-15
Asp.NET FusionCharts 3D效果图是将动态数据可视化的一种技术，主要应用于Web应用程序中，以展示各种统计信息和分析结果。FusionCharts是一款流行的JavaScript图表库，它提供了丰富的3D图表类型，如柱状图、饼图、...
jQuery插件FusionCharts绘制的2D帕累托图效果示例【附demo源码】
10-20
在本文中，我们将深入探讨如何使用jQuery插件FusionCharts来绘制2D帕累托图。帕累托图是一种特殊的柱状图，用于显示不同类别之间的相对重要性，通常用于质量控制和业务分析中，以识别关键问题或改进点。FusionCharts...
jquery3D饼状图.zip
12-17
"jquery3D饼状图.zip"是一个包含使用jQuery和FusionCharts库创建3D饼状图的示例项目。在这个项目中，开发者可能面临了Echarts无法提供特定3D效果的挑战，因此转向了其他解决方案。接下来，我们将深入探讨3D饼状图的...
java实现FusionCharts实时图工具
sprone的专栏
10-30 158
FusionCharts强大无比，使用版本是FusionCharts3.2 (后面提供下载)破解版。web程序中无须jar包， 先看FusionChart如何获取数据：最常用的是setDataXML 和 setDataURL setDataXML 是接收xml字符串，根据字符串生成图表信息，大多的图表是需要后台动态的获取数据的，适合于实时图表。 setDataURL 是接收xml路径的字符...
FusionChartsFree 仪表盘属性解析
03-31
<chart numberSuffix='%25' --数值后缀% chartTopMargin='25' --到容器顶端的距离 chartBottomMargin='25' --到容器底端的距离 showGaugeBorder='1' --是否显示刻度盘边框 gaugeOuterRadius='130' --刻度盘外围半径 gaugeInnerRadius='110' --刻度盘内围半径 gaugeOriginX='170' --刻度盘圆心X坐标 详情查看全文 。。。。。。
FusionCharts for Flex3 无水印破解版
12-01
FusionCharts for Flex3 无水印破解版，超级好用
【数字孪生百科】可视化图表知识科普——Pareto图（Pareto Chart）
Shanhaibi的博客
01-06 2114
Pareto图（Pareto Chart）又称帕累托图、排列图，是一种特殊类型的条形图。图中标绘的值是按照事件发生的频率排序而成，显示由于各种原因引起的缺陷数量或不一致的排列顺序。Pareto图是根据 Vilfredo Pareto 命名的，他的原理是“二八原则”，即20%的原因造成80%的问题，如20%的人控制80%的财富。Pareto图是找出影响项目产品或服务质量的主要因素的方法。
支持XML和JSON数据的图表控件FusionCharts XT
weixin_30809173的博客
06-19 107
FusionCharts XT是一款功能强大的图表控件，同时支持HTML5和Flash，可以用于PCs, Macs, iPads, iPhones ，支持XML和JSON数据，可以帮您为您的Web应用创建交互式的、数据驱动的图表、仪表盘和地图。它具有智能化、用户友好和创新等特点，可以将单调的数据转化为栩栩如生的图像，从而使您的Web应用更加的生动。它可以完美的应用于web应用软件、管理仪表板、...
fusioncharts仪表盘重要属性解析
Never_Give_Up专栏
05-13 1053
<Chart bgColor='FFFFFF' upperLimit='120' lowerLimit='0'  baseFontColor='666666'  majorTMNumber='10' majorTMColor='666666'  majorTMHeight='8' minorTMNumber='5' minorTMColor='666666' minorTMHeight='3' p
fusionCharts图表组件使用
sea_wave2011的专栏
10-24 1500
这里只简单介绍下FusionCharts，详情请百度。 FusionCharts 较其他图表组件的优势： >>  图表美观，极具视觉震撼，支持图表的切片、旋转、无限级钻取； >>  种类丰富，饼形、线、条形、柱形，仪表盘，热点地图等90种图表； >>  可在flash和javascript中呈现图表，这意味着可通过智能手机客户端来访问我们的应用； >>  提供了图表导出图片功能，支持将图
多个目标优化的帕累托前沿面如何可视化
weixin_35755188的博客
12-18 1287
在帕累托前沿面中，一般使用三维坐标系来可视化多个目标的优化情况。其中，坐标轴代表不同的目标，而帕累托前沿面则表示在各个目标之间取得平衡时所能达到的最优解的集合。 例如，假设有两个目标，分别为最小化成本和最大化效率。在这种情况下，我们可以使用第一个目标在 x 轴上，第二个目标在 y 轴上，然后将达到最优解的方案放在坐标系上。这样，就可以看出在各个目标之间取得平衡时所能达到的最优解的集合，即帕累托前沿...
MATLAB数据可视化实现
09-04
介绍MATLAB中各种二维、三维、四维图形的绘制。所在套餐：MATLAB核心知识点系列课程-CSDN程序员研修院，不断更新和增加课程。
fusioncharts 3.2.1 堆积图
最新发布
06-09
FusionCharts 3.2.1 支持堆积图的创建，可以通过设置不同数据系列的堆积方式来展示数据的分布情况。下面是一个简单的堆积柱状图的示例代码： ```html 图表将在此处显示 FusionCharts.ready(function () { var ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值