FusionChart实现金字塔分布图

雨点打透心脏的1/2处 2022-09-15 12:44 209阅读 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 条评论，209人围观）

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

相关阅读

相关 python - turtle库实现七彩金字塔

终于折腾好了，以前写好的今天给它上了色，话不多说，直接上代码 from turtle import 设置窗口大小为 1000 x 600

桃扇骨/ 2024年03月23日 16:49/ 0 赞/ 142 阅读

相关 java实现任意层数金字塔

package pm; import java.util.Scanner; public class Ch1 {

￡神魔★判官ぃ/ 2024年02月18日 18:13/ 0 赞/ 83 阅读

相关八、图像金字塔（高斯金字塔、拉普拉斯金字塔）

一、Guassian金字塔 1、对图像的向下取样操作，即缩小图像。 Gaussian金字塔是是通过依次地向下迭代采样（从底部到顶部）获得整个金字塔，如下图，随着依次地采

素颜马尾好姑娘i/ 2023年06月14日 14:54/ 0 赞/ 25 阅读

相关 FusionChart实现金字塔分布图

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

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

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

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

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

相关 FusionCharts flash图表组件

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

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

相关金字塔图案java实现

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

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

相关 fusionchart使用说明

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

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

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

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

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

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

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

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