`

chart

 
阅读更多

<%@ 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>
<script language="Javascript" src="http://www.fusioncharts.com/free/demos/Blueprint/FusionCharts/FusionCharts.js"></script>
<link type="text/css" rel="stylesheet" href="js/themes/default/easyui.css">
<link type="text/css" rel="stylesheet" href="js/themes/icon.css">
<script type="text/javascript" src="js/jquery-1.4.min.js"></script>
<script type="text/javascript" src="js/jquery.easyui.min.js"></script>
<script type="text/javascript" src="js/jquery.form.js"></script>
<script type="text/javascript" src="js/easyui-lang-zh_CN.js"></script>
<body>
    <div id="chart1div"></div>
    <script language="JavaScript">
   
    $(function() {
        $.ajax({
            type: "POST",
            url: 'page!fusionchart.action',
            data: {},
            success: function(data) {
                var areaObject = data;
               
                var strXML = "<graph caption='最烂电影排名' xAxisName='电影名' yAxisName='电影' baseFont='宋体' baseFontSize='12' >";
                var length = areaObject.length;
                for ( var i = 1; i <= length; i++) {
                    strXML = strXML + "<set name='"+areaObject[i-1].name+"' value='"+areaObject[i-1].count+"' color='"+areaObject[i-1].color+"'/>";
                }
                strXML = strXML + "</graph>";
                var chart1 = new FusionCharts(
                        "http://www.fusioncharts.com/free/demos/Blueprint/FusionCharts/FCF_Column3D.swf",
                        "chart1Id", "900", "400");
                chart1.setDataXML(strXML);
                chart1.render("chart1div");
               
            }
        });
    });
   
   
   
        /* var areaObject = [ {
            name : "三枪",
            count : 1100,
            color : "008E8E"
        }, {
            name : "刺陵",
            count : 901,
            color : "A186BE"
        }, {
            name : "熊猫大侠",
            count : 807,
            color : "F6BD0F"
        }, {
            name : "大兵小将",
            count : 41,
            color : "AFD8F8"
        }, {
            name : "我的故事",
            count : 51,
            color : "B3AA00"
        }, {
            name : "百分比的爱",
            count : 1801,
            color : "B3AA00"
        }, {
            name : "花田囍事2012",
            count : 69,
            color : "B3AA00"
        }, {
            name : "全称热恋",
            count : 121,
            color : "008ED6"
        } ];
       
        var strXML = "<graph caption='最烂电影排名' xAxisName='电影名' yAxisName='count99' baseFont='宋体' baseFontSize='12' >";
        var length = areaObject.length;
        for ( var i = 1; i <= length; i++) {
            strXML = strXML + "<set name='"+areaObject[i-1].name+"' value='"+areaObject[i-1].count+"' color='"+areaObject[i-1].color+"'/>";
        }
        strXML = strXML + "</graph>";
        var chart1 = new FusionCharts(
                "http://www.fusioncharts.com/free/demos/Blueprint/FusionCharts/FCF_Column3D.swf",
                "chart1Id", "900", "400");
        chart1.setDataXML(strXML);
        chart1.render("chart1div"); */
       
    </script>
</body>
</html>




package com.hys.test;

import java.awt.Color;
import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;
import java.util.Random;

import net.sf.json.JSONArray;
import net.sf.json.JSONObject;

import org.apache.struts2.ServletActionContext;

import com.opensymphony.xwork2.ActionSupport;

public class JsonJqueryAction extends ActionSupport {

    private static final long serialVersionUID = 7263568517757245698L;
    private JSONObject result;
    private JSONArray result2;

    /**
     * @Title: execute
     * @Description: 默认执行方法
     * @date 2012-10-24 下午03:01:26
     * @return
     * @throws Exception
     */
    @Override
    public String execute() throws Exception {
        int rows = Integer.parseInt((String) ServletActionContext.getRequest()
                .getParameter("rows"));
        int page = Integer.parseInt((String) ServletActionContext.getRequest()
                .getParameter("page"));
        String itemid = ServletActionContext.getRequest()
                .getParameter("itemid");
        String productid = ServletActionContext.getRequest().getParameter(
                "productid");

        List<UserInfo> list = new ArrayList<UserInfo>();
        UserInfo user = null;
        for (int i = (page - 1) * rows; i < 10; i++) {
            user = new UserInfo();
            user.setUserId(i);
            user.setUserName("userName" + i);
            user.setPassword("password" + i);

            if (productid != null && !"".equals(productid)) {
                if (user.getUserName().indexOf(productid) > -1) {
                    list.add(user);
                }
            } else {
                list.add(user);
            }
        }

        Map<String, Object> jsonMap = new HashMap<String, Object>();
        // ui需要显示数据的总页数
        jsonMap.put("total", list.size());
        // ui需要实现数据的总记录数
        jsonMap.put("rows", list);

        // 放统计数据
        // Map<String, Object> data = new HashMap<String, Object>();
        // data.put("userName", "Total");
        // data.put("password", "282.35");

        List<Map<String, Object>> optionList = new ArrayList<Map<String, Object>>();
        Map<String, Object> oMap = new HashMap<String, Object>();
        oMap.put("userName", "Total: 41656.26元");
        optionList.add(oMap);
        jsonMap.put("footer", optionList);

        result = JSONObject.fromObject(jsonMap);
        return SUCCESS;
    }

    /**
     * @Title: save
     * @Description: 保存信息
     * @date 2012-10-24 下午03:01:26
     * @return
     * @throws Exception
     */
    public String save() throws Exception {
        Map<String, Object> jsonMap = new HashMap<String, Object>();
        jsonMap.put("flag", 1);
        jsonMap.put("msg", "保存成功!");
        result = JSONObject.fromObject(jsonMap);
        return SUCCESS;
    }

    /**
     * @Title: delete
     * @Description: 删除信息
     * @date 2012-10-24 下午03:01:41
     * @return
     * @throws Exception
     */
    public String delete() throws Exception {
        Map<String, Object> jsonMap = new HashMap<String, Object>();
        jsonMap.put("flag", 1);
        jsonMap.put("msg", "删除成功!");
        result = JSONObject.fromObject(jsonMap);
        return SUCCESS;
    }

    /**
     * @Title: delete
     * @Description: 删除信息
     * @date 2012-10-24 下午03:01:41
     * @return
     * @throws Exception
     */
    public String total() throws Exception {
        Map<String, Object> jsonMap = new HashMap<String, Object>();
        jsonMap.put("flag", 1);
        int a = (int) (Math.random() * 1000000);
        jsonMap.put("msg", a);
        result = JSONObject.fromObject(jsonMap);
        return SUCCESS;
    }

    /**
     * @Title: chart
     * @Description: 删除信息
     * @date 2012-10-24 下午03:01:41
     * @return
     * @throws Exception
     */
    public String chart() throws Exception {
        Map<String, Object> jsonMap = new HashMap<String, Object>();
        List<String> optionList = new ArrayList<String>();
        for (int i = 0; i < 10; i++) {
            int a = (int) (Math.random() * 10000);
            optionList.add(a + "");

            // Map<String, Object> oMap = new HashMap<String, Object>();
            // oMap.put("serie"+i, 10);
            // optionList.add(oMap);
        }
        // JSONArray jsonArray = JSONArray.fromObject(optionList);
        result2 = JSONArray.fromObject(optionList);

        return "arra";
    }

    /**
     * @Title: chart
     * @Description: 删除信息
     * @date 2012-10-24 下午03:01:41
     * @return
     * @throws Exception
     */
    public String fusionchart() throws Exception {
       
       
        Color color = new Color(
                  (new Double(Math.random() * 128)).intValue() + 128,  
                  (new Double(Math.random() * 128)).intValue() + 128,  
                  (new Double(Math.random() * 128)).intValue() + 128);
       
        result2 = new JSONArray();
        JSONObject json =null;//声明JSONObject对象
        for (int i = 1; i < 13; i++) {
            int a = (int) (Math.random() * 1000);
            json = new JSONObject();
            json.put("name", i+"月");
            json.put("count", a+"");
            json.put("color", getRandomColorCode());
            result2.add(json);
        }
        return "arra";
    }

    /**
     * 生成随机颜色代码
     *
     * @return
     */
    public static synchronized String getRandomColorCode() {
        // 颜色代码位数
        int colorLength = 6;

        // 颜色代码数组
        char[] codeSequence = { 'A', 'B', 'C', 'D', 'E', 'F', '0', '1', '2',
                '3', '4', '5', '6', '7', '8', '9' };

        // StringBuffer sb = new StringBuffer("#");
        StringBuffer sb = new StringBuffer();
        Random random = new Random();
        for (int i = 0; i < colorLength; i++) {
            sb.append(codeSequence[random.nextInt(16)]);
        }
        return sb.toString();
    }

    /**
     * 获取十六进制的颜色代码.例如 "#6E36B4" , For HTML ,
     *
     * @return String
     */
    public static String getRandColorCode() {
        String r, g, b;
        Random random = new Random();
        r = Integer.toHexString(random.nextInt(256)).toUpperCase();
        g = Integer.toHexString(random.nextInt(256)).toUpperCase();
        b = Integer.toHexString(random.nextInt(256)).toUpperCase();

        r = r.length() == 1 ? "0" + r : r;
        g = g.length() == 1 ? "0" + g : g;
        b = b.length() == 1 ? "0" + b : b;

        return r + g + b;
    }

    public static void main(String[] args) {
        System.out.println(getRandomColorCode());

        System.out.println(getRandColorCode());
    }

    public JSONObject getResult() {
        return result;
    }

    public void setResult(JSONObject result) {
        this.result = result;
    }

    public JSONArray getResult2() {
        return result2;
    }

    public void setResult2(JSONArray result2) {
        this.result2 = result2;
    }

}

 

 

 

 

 

 

 

 

<?xml version="1.0" encoding="UTF-8" ?>     
<!DOCTYPE struts PUBLIC     
    "-//Apache Software Foundation//DTD Struts Configuration 2.0//EN"    
    "http://struts.apache.org/dtds/struts-2.0.dtd">

<struts>

   
    <package name="struts2" namespace="/" extends="json-default">
        <action name="struts2" class="com.hys.test.Struts2Action">
            <result type="json"></result>
            <result type="json" name="arr"></result>
        </action>
    </package>

    <package name="page" namespace="/" extends="json-default">
        <action name="page" class="com.hys.test.JsonJqueryAction">
            <result type="json">
                <param name="root">result</param>
            </result>
            <result type="json" name="arra">
                <param name="root">result2</param>
            </result>
        </action>
    </package>
   
</struts>

 

 

 

 

分享到：
| mysql 统计
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    C#中Chart控件

    在C#编程环境中，Chart控件是一个非常强大的工具，它允许开发者创建各种图表类型，如折线图、柱状图、饼图等，用于数据可视化。在这个特定的资源中，我们关注的是如何利用Chart控件在C#中绘制曲线图，并在数据量较大...

    LiveChart进阶版学习

    《LiveChart进阶版学习深度解析》 在数据可视化领域，LiveChart是一个备受开发者青睐的库，它使得创建动态、交互式的图表变得简单易行。本文将深入探讨LiveChart的进阶特性，帮助你充分利用这一工具，提升项目的...

    orgchart-demo简单demo

    【标题】"orgchart-demo简单demo" 是一个基于 `orgchart.js` 库实现的组织结构图示例项目。这个项目旨在展示如何使用 `orgchart.js` 来创建类似于企查查官网上的公司组织结构图。它完全由开发者手工编写，可能存在...

    LiveChart.wpf Chart图表保存Image图片

    在.NET Framework中，LiveChart.wpf是一个用于创建交互式图表的库，它为WPF（Windows Presentation Foundation）应用程序提供了丰富的数据可视化功能。然而，LiveChart.wpf库本身并不直接提供将图表保存为图像文件...

    C#chart折线图表

    本篇将详细介绍如何使用C#的Chart控件来绘制折线图表，并探讨相关的编程技巧和注意事项。 首先，确保在项目中已经引用了`System.Windows.Forms.DataVisualization`库。如果没有，可以通过以下步骤添加： 1. 右键...

    C# 后台动态增加chart（图表）

    C# 后台动态增加chart（图表） 在本文中，我们将讲述如何在 C# 后台动态增加 chart 控件，并设置图表的属性使其样式美观，且实现动态显示数据。 首先，让我们了解什么是 Chart 控件。在 C# 中，Chart 控件是用于...

    LiveChart示例代码

    LiveChart是一种在WPF（Windows Presentation Foundation）平台上用于创建动态数据可视化图表的库。这个库提供了丰富的图表类型，如线图、柱状图、饼图等，并且支持实时更新，使得开发者可以方便地构建交互式的数据...

    c# 导出chart图片excuel

    "C# 导出Chart图片Excel"这个主题涉及到将图表（Chart）对象转换为图像，并将其嵌入到Excel工作表中，以便于数据分析和报告生成。在本文中，我们将详细探讨如何实现这一目标，以及涉及的相关技术点。 首先，让我们...

    CHART时间曲线实时移动图实例

    "CHART时间曲线实时移动图实例"主要关注的是如何在C#环境中使用两种不同的库——VS自带的Chart控件和Teechart库，来创建能够实时更新的数据动态显示。 首先，VS自带的Chart控件是.NET Framework提供的一种内置图表...

    C#chart控件游标跟随鼠标移动

    在C#编程环境中，Chart控件是一个非常强大的数据可视化工具，它可以用来绘制各种类型的图表，如折线图、柱状图、饼图等。在处理实时数据或者数据分析时，我们可能需要实现一个功能，即当鼠标在图表上移动时，游标...

    自制WPF Chart控件

    在本文中，我们将深入探讨如何在Windows Presentation Foundation (WPF) 中自定义Chart控件。WPF是.NET Framework的一部分，提供了一种强大的机制来构建美观且功能丰富的桌面应用程序。在某些情况下，内置的WPF图表...

    unity 图表插件 Smart Chart

    《Unity图表插件Smart Chart深度解析》 Unity作为一款强大的跨平台游戏开发引擎，其丰富的扩展性和灵活性使得开发者能够创建各种复杂的游戏与交互式应用。在数据可视化领域，Unity插件Smart Chart为开发者提供了一...

    Graph And Chart 1.81.zip

    《Graph And Chart 1.81在Unity 2018中的应用与学习》 Graph And Chart 1.81是一款专为Unity 2018设计的数据可视化工具，它为游戏开发、模拟应用和数据展示提供了强大的图表功能。这款插件通过其直观的界面和丰富的...

    Winfrom Chart 实时数据、滚动、缩放

    在Windows Forms应用开发中，`Chart`控件是一种强大的可视化工具，用于展示各种类型的数据，如柱状图、折线图、饼图等。本文将深入探讨如何利用`Winform Chart`实现实时数据的更新、图表的滚动以及缩放功能。 ### 1...

    C#chart控件画3D柱状、折线图

    在C#编程环境中，Microsoft Chart Control是一个强大的工具，它允许开发者创建各种图表，包括2D和3D的柱状图以及折线图。这个控件适用于数据可视化，尤其是在数据分析、报表制作或者用户界面设计中。本教程将详细...

    c# chart动态曲线

    在C#编程中，`Chart`控件是一个强大的可视化工具，用于创建各种图表类型，如折线图、柱状图、饼图等。在给定的"动态曲线"项目中，我们将探讨如何利用Visual Studio 2015中的`Chart`控件来实时更新和显示数据，以及...

    orgchart.js 组织架构图之JQuery插件

    组织架构图之JQuery插件组织架构图之JQuery插件组织架构图之JQuery插件...chart.js orgchart.js orgchart.js orgchart.js orgchart.js orgchart.js orgchart.js orgchart.js orgchart.js orgchart.js orgchart.js org...

    c# winform chart——数据统计软件——Chart 曲线图

    在C# WinForm应用开发中，`Chart`控件是一个非常强大的工具，它允许开发者创建各种图表类型，如折线图、柱状图、饼图等，用于展示和分析数据。本教程主要聚焦于如何利用`Chart`控件制作数据统计软件，并通过曲线图...

    AspChart组件 aspchart组件下载

    AspChart组件说明 说明: 1.本组件可用于ASP页面中绘制各种统计图表。理论上在ASP.NET页面中也可以使用 ，但没有测试。 2.本组件提供6种形式的图表，使用参看例子 安装使用: 1.先运行Install.bat来注册组件.如果卸载...

Magicbox
Global site tag (gtag.js) - Google Analytics