FusionChart实现金字塔分布图

雨点打透心脏的1/2处 2022-09-15 12:44 158阅读 0赞

1、XML提供数据源

Pyramid.xml：

<?xml version="1.0" encoding="UTF-8"?>
    <chart manageresize="1" animation="0" decimals="0" caption="一周分布人数" baseFontSize="18"
           showpercentvalues="1" smartlinecolor="333333" showborder="0" showtooltipshadow="1" >
    	<set value="48940" label="星期一" />
    	<set value="67845" label="星期二" />
    	<set value="50421" label="星期三" />
    	<set value="27850" label="星期四" />
    	<set value="40121" label="星期五" />
    	<set value="78455" label="星期六" />
    	<set value="56454" label="星期日" />
    </chart>

2、页面源码

Pyramid.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>
    <script type="text/javascript">
        $(function(){
        	 var pyramid = new FusionCharts( "../Chart/SWF/Pyramid.swf", "pyramidId", "1280", "550", "0" );
        	 pyramid.setXMLUrl("xml/Pyramid.xml");
        	 pyramid.render("Pyramid");
        });
    </script>
    </head>
    <body>
       <div id="Pyramid"></div>
    </body>
    </html>

3、运行结果如下：

![Center][]

[Center]: /images/20220828/127b350f2278422597328bc1fd39c889.png

发表评论取消回复

表情：

评论列表（有 0 条评论，158人围观）

还没有评论，来说两句吧...

相关阅读

相关打印*金字塔

include<stdio.h> int main() { int i,j; for(i=1;i<=6;i++) {

缺乏、安全感/ 2022年10月16日 08:49/ 0 赞/ 171 阅读

相关 FusionChart实现金字塔分布图

1、XML提供数据源 Pyramid.xml： <?xml version="1.0" encoding="UTF-8"?> <chart manag

雨点打透心脏的1/2处/ 2022年09月15日 12:44/ 0 赞/ 158 阅读

相关 FusionCharts使用问题及解决方法(四)-FusionCharts常见问题大全

FusionCharts使用问题及解决方法(四) 问题描述：使用FusionCharts时，我想在一个给定的时间间隔内自动在服务器端生成图表，将最新生成的图表以

Bertha 。/ 2022年08月26日 00:50/ 0 赞/ 209 阅读

相关学习金字塔

有一句话是这样的：教是最好的学，我们想要快速，高效的学习，就要了解其原理，懂得其方法。美国学者艾德格‧戴尔（Edgar Dale）提出了「学习金字塔」（Cone of L

偏执的太偏执、/ 2022年05月16日 05:22/ 0 赞/ 256 阅读

相关 FusionCharts flash图表组件

FusionCharts free 是一个跨平台，跨浏览器的flash图表组件解决方案，能够被 ASP．NET, ASP, PHP, JSP, ColdFusion, Ruby

柔光的暖阳◎/ 2022年04月10日 14:15/ 0 赞/ 215 阅读

相关图像金字塔

原理图像金字塔的概念： ![在这里插入图片描述][20181218220718686.png] 如上图所示：一系列图像的集合，最底层是原始图像，然后长宽各缩小

喜欢ヅ旅行/ 2022年04月08日 15:48/ 0 赞/ 241 阅读

相关金字塔图案java实现

import java.util.Scanner; public class CH1 { public static void mai

清疚/ 2022年04月08日 10:19/ 0 赞/ 200 阅读

相关 fusionchart使用说明

[2019独角兽企业重金招聘Python工程师标准>>> ][2019_Python_] ![hot3.png][] data.xml 的格式可如下： <?xml

亦凉/ 2022年01月14日 00:03/ 0 赞/ 240 阅读

相关字母金字塔（java实现）

package yyy; import java.util.Scanner; public class Abc { public static

小灰灰/ 2021年09月22日 13:20/ 0 赞/ 411 阅读

相关 Fusioncharts系列之基于Fusioncharts的报表统计

本博客介绍fusioncharts插件的使用先了解fusioncharts插件，fusioncharts是一款基于XML和flash的报表组件，支持Java、PHP、An

短命女/ 2021年09月11日 05:38/ 0 赞/ 302 阅读