FusionChart实现漏斗图

最新推荐文章于 2023-05-19 12:47:33 发布
最新推荐文章于 2023-05-19 12:47:33 发布
阅读量263 收藏
点赞数
文章标签： java javascript ViewUI

1、提供静态数据源XML

Funnel.xml：

<?xml version="1.0" encoding="UTF-8"?>
<chart manageResize="1" caption="2012年月平均统计人数" subcaption="千" decimals="1" 
       baseFontSize="12" useSameSlantAngle="1" isHollow="1" formatNumberScale="1" 
       numberPrefix="$">
   <set label="一月" value="38563" />
   <set label="二月" value="23563" />
   <set label="三月" value="84564" />
   <set label="四月" value="45654" />
   <set label="五月" value="36342" />
   <set label="六月" value="38563" />
   <set label="七月" value="27563" />
   <set label="八月" value="84564" />
   <set label="九月" value="35654" />
   <set label="十月" value="58342" />
   <set label="十一月" value="35654" />
   <set label="十二月" value="48342" />
</chart>

2、源码如下

Funnel.jsp：

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!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>FusionChart实现漏斗图</title>
<script type="text/javascript" src="../Scripts/JS/jquery-1.10.2.js"></script>
<script type="text/javascript" src="../Chart/JS/FusionCharts.js"></script>
<style type="text/css">
    body{
      width: 100%;
      height: 100%;
      font-size: 12px;
    }
    div{
      width: 100%;
      height: 100%;
    }
</style>
<script type="text/javascript">
    $(function(){
    	 //利用XML提供的静态数据来作为数据源
	   	 var Funnel = new FusionCharts( "../Chart/SWF/Funnel.swf", "FunnelId", "98%", "600", "0", "1" );
	   	 Funnel.setXMLUrl("xml/Funnel.xml");
	   	 Funnel.render("Funnel3D");
    });
</script>
</head>
<body>
   <div id="Funnel3D"></div>
</body>
</html>

3、运行结果（如图）

（1）初始化


（2）修改了isHollow="1"


iteye_8264
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
matplotlib.pyplot 漏斗图
qq_61818443的博客
12-31 437
matplotlib.pyplot 漏斗图
用matlab画星号漏斗
weixin_51123796的博客
03-18 353
使用matlab实现漏斗的输出，严格漏斗状的和尽可能多的使用符号的非严格的漏斗。
JS，统计图表大全－－十、漏斗图Funnel
懒虫的博客
01-22 1596
十、漏斗图Funnel option = { title: { text: '漏斗图', subtext: '纯属虚构' }, tooltip: { trigger: 'item', formatter: "{a} <br/>{b} : {c}%" }, toolbox: { ...
D3 二维图表的绘制系列（十八）漏斗图
zjw_python的博客
02-20 4413
上一篇： 树图 https://blog.csdn.net/zjw_python/article/details/98492510 下一篇： 封闭图 https://blog.csdn.net/zjw_python/article/details/98201470 代码结构和初始化画布的Chart对象介绍，请先看 https://blog.csdn.net/zjw_python/article/d...
[数据可视化] 漏斗图(Funnel Chart)
Hudas的博客
09-02 6290
本文主要讲解漏斗图(Funnel Chart)
FusionChart实现的动态统计图
03-15
本篇文章将深入探讨如何使用FusionCharts实现动态统计图，以及相关的技术要点。 首先，FusionCharts支持多种图表类型，如柱状图、折线图、饼图、地图等，这为满足不同场景下的数据展示需求提供了广泛的选择。要使用...
fusionchart实现服务端的下载
01-15
这段代码创建了一个2D柱状图，然后将其渲染为PNG图片并保存到服务器。 总结，FusionCharts服务端的图片下载涉及到服务器端API的使用、图片生成、存储以及提供下载链接等环节。理解并实践这些步骤，将有助于开发者...
FusionChart甘特图控件
07-13
FusionChart的甘特图实现** FusionChart甘特图控件主要通过Flash技术和XML数据格式来创建。Flash技术提供了动态和交互性的界面，使得图表不仅外观吸引人，而且用户可以轻松地缩放、滚动和查看详细信息。而XML则...
用fusionchart 统计图
04-07
FusionCharts是一款强大的JavaScript图表库，它提供了丰富的图表类型，如饼图、折线图、柱状图等，用于创建交互式的数据可视化解决方案。在这个例子中，你将找到如何使用FusionCharts来创建这些基本图表的实践应用。...
【Matlab三维视图】画出如下图所示类似漏斗的图形（下孔半径为0.1，上口半径为1）。提示：采用cylinder函数。
JockLiu的博客
05-20 1910
画出如下图所示类似漏斗的图形（下孔半径为0.1，上口半径为1）。提示：采用cylinder函数。 代码如下： > r=0.1:0.1:1; >> R=[r,1,1,1,1,1,1,1,1,1]; >> [x,y,z]=cylinder(R,30); >> surf(x,y,z) >> 输出如图： ...
web数据可视化(Echarts版)4-10多漏斗图(代码仅供参考)
最新发布
m0_63471474的博客
05-19 579
【代码】web数据可视化(Echarts版)4-10多漏斗图(代码仅供参考)
web数据可视化(Echarts版)4-9基本漏斗图(代码仅供参考)
m0_63471474的博客
05-19 623
【代码】web数据可视化(Echarts版)4-9基本漏斗图(代码仅供参考)
使用Python matplotlib库绘制漏斗图
maiyida123的博客
05-10 7236
使用Python matplotlib库绘制漏斗图
Echarts 漏斗图
qq_61324603的博客
04-22 2466
实例：任务一：漏斗图或金字塔图漏斗图（funnel）是倒三角形的条形图，金字塔是正三角形的条形图，这两者适用于业务流程比较规范、周期较长、环节较多的流程分析。漏斗图也是常用的BI类图表之一，用户通过漏斗图或金字塔对各环节业务数据进行比较，不仅能够直观地发现和说明问题而且可以根据图分析销售各环节中哪些环节出了问题。为了更直观地查看电商网站数据，需要在Echarts中绘制基本漏斗图、基本金字塔、多漏斗图和多金字塔进行展示。漏斗图又称倒三角图，漏斗图将数据呈现为几个阶段，每个阶段的数据都是整体的一部分；
viser基础漏斗图
weixin_38673922的博客
10-13 333
viser基础漏斗图
MATLAB、Python科研数据可视化绘图技巧
CCfz566的博客
03-28 495
2、掌握Matplotlib基本图形（线形图、柱状图、饼图、气泡图、直方图、箱线图、散点图等）和高级图形（3D图、等高线图、棉棒图、哑铃图、漏斗图、树状图、华夫饼图等）的绘制方法和技巧（图形样式的美化、图形的布局等）2、掌握MATLAB一维数据可视化方法和技巧（饼图、茎叶图、阶梯图、箱线图、微线图、堆叠折线图、日历热图、统计直方图、包络图等）5、掌握Pyecharts图形绘制方法和技巧（下载与安装、Pyecharts基础知识、常用图形的绘制、组合图形的绘制等）6、掌握MATLAB图像保存与导出方法和技巧。
Pyecharts 组合图形绘制实践
Python数据之道
12-23 5712
来源：Python数据之道作者：Peter整理：LemonPyecharts 组合图形绘制实践大家好，之前跟大家分享了用 Pyecharts 绘制桑基图和饼图：炫酷！用Python制作漂...
html页面漏斗图,漏斗图的详细解读
weixin_32018297的博客
06-04 3102
漏斗图的详细解读Meta分析的结果有统计学意义时，为识别和控制发表偏倚，可以通过绘制漏斗图的方法定性的判定发表偏倚。1.漏斗图为什么一般是倒置的？漏斗图的横坐标可以是效应量(OR,RR,HR,SWD等)，也可以是效应量的对数，当横坐标是效应量的时候，纵坐标可以是样本含量或者是效应量的标准误，也可以说效应量对数的标准误。当纵轴是样本含量的时候，一般的小样本研究所估计的效应量变异程度较大，因而其效应量...
ECharts漏斗图(详细示例——满满的注释)
热门推荐
GRAY_KEY的博客
04-29 2万+
图表效果如下：代码如下：&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;(金字塔)漏斗图案例&lt;/title&gt; &lt;!-- 引入 ECharts 文件 --&gt; &lt;script src="
FusionChart使用手册
03-27
总之，FusionChart使用手册全面、详细地介绍了FusionCharts Free的安装及应用，通过大量的示例代码和详细说明，让用户能够更好地掌握FusionCharts Free的使用方法，快速高效地实现自己的需求。同时，手册还介绍了...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值