热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

如何拼接FusionCharts的JSON格式的双轴图

1、问题背景假如,项目中遇到这样一个问题:利用FusionCharts中的JSON格式拼接双轴图,并将JSON字符串转换成JSON对象传输到前台,在页面上展示出来。2、设计源码

1、问题背景

     假如,项目中遇到这样一个问题:利用FusionCharts中的JSON格式拼接双轴图,并将JSON字符串转换成JSON对象传输到前台,在页面上展示出来。


2、设计源码

/**
*
* @title:DoubleYaxis.java
* @Package:com.you.utils
* @Description:

一句话描述功能


* @author:游海东
* @date:2015-3-25下午8:06:57
* @version V1.0
*
*/
package com.you.utils;

import net.sf.json.JSONObject;

/**
*
* 项目名称:SSH
* 类名称:DoubleYaxis
* 类描述:
* 创建人:游海东
* 创建时间:2015-3-25下午8:06:57
* 修改人:游海东
* 修改时间:2015-3-25下午8:06:57
* 修改备注:
* @version V1.0
*
*/
public class DoubleYaxis
{
/**
*
* 方法名:transform
* 方法类型:ChartUtils
* 参数:@param str
* 参数:@return
* @return:StringBuilder
* @throws
*/
public static StringBuilder transform(String str)
{
return new StringBuilder(str);
}

/**
*
* 方法名:buildJson
* 方法类型:DoubleYaxis
* 参数:@return
* @return :JSONObject
* @throws
*/
public static JSONObject buildJson()
{
StringBuilder chartHead = new StringBuilder();
StringBuilder xAxis = new StringBuilder();
StringBuilder yAxisOne= new StringBuilder();
StringBuilder yAxisTwo = new StringBuilder();
//FusionChart中的chart
chartHead.append("{'chart':{'caption':'2014年销售水平分布','xaxisname':'月份','yaxisname':'销量','showvalues':'0'},'categories':[{'category':[");

for(int i=1;i<=12;i++)
{
xAxis.append("{'label':'").append(i).append("月'},");
}

yAxisOne.append("'dataset':[{'seriesname':'苹果','data':[");
yAxisTwo.append("{'seriesname':'橘子','parentyaxis':'S','data':[");
for(int j=1;j<=12;j++)
{
yAxisOne.append("{'value':'").append(j*100).append("'},");
yAxisTwo.append("{'value':'").append(j*200).append("'},");
}

chartHead.append(xAxis.toString().substring(0, xAxis.toString().length()-1))
.append("]}],")
.append(yAxisOne.toString().substring(0, yAxisOne.length()-1))
.append("]},")
.append(yAxisTwo.toString().substring(0, yAxisTwo.length()-1))
.append("]}]}");

JSONObject jsOnobject= JSONObject.fromObject(chartHead.toString());

return jsonobject;
}

/**
*
* 方法名:main
* 方法类型:DoubleYaxis
* 参数:@param args
* @return :void
* @throws
*/
public static void main(String[] args)
{
System.out.println("FusionChart多系列图之双轴图:"+buildJson());
}

}

运行结果:

FusionChart多系列图之双轴图:{"chart":{"caption":"2014年销售分布","xaxisname":"月份","yaxisname":"销量","showvalues":"0"},"categories":[{"category":[{"label":"1月"},{"label":"2月"},{"label":"3月"},{"label":"4月"},{"label":"5月"},{"label":"6月"},{"label":"7月"},{"label":"8月"},{"label":"9月"},{"label":"10月"},{"label":"11月"},{"label":"12月"}]}],"dataset":[{"seriesname":"苹果","data":[{"value":"100"},{"value":"200"},{"value":"300"},{"value":"400"},{"value":"500"},{"value":"600"},{"value":"700"},{"value":"800"},{"value":"900"},{"value":"1000"},{"value":"1100"},{"value":"1200"}]},{"seriesname":"橘子","parentyaxis":"S","data":[{"value":"200"},{"value":"400"},{"value":"600"},{"value":"800"},{"value":"1000"},{"value":"1200"},{"value":"1400"},{"value":"1600"},{"value":"1800"},{"value":"2000"},{"value":"2200"},{"value":"2400"}]}]}

3、格式化后

{
"chart": {
"caption": "2014年销售分布",
"xaxisname": "销量",
"yaxisname": "人数",
"showvalues": "0"
},
"categories": [
{
"category": [
{
"label": "1月"
},
{
"label": "2月"
},
{
"label": "3月"
},
{
"label": "4月"
},
{
"label": "5月"
},
{
"label": "6月"
},
{
"label": "7月"
},
{
"label": "8月"
},
{
"label": "9月"
},
{
"label": "10月"
},
{
"label": "11月"
},
{
"label": "12月"
}
]
}
],
"dataset": [
{
"seriesname": "苹果",
"data": [
{
"value": "100"
},
{
"value": "200"
},
{
"value": "300"
},
{
"value": "400"
},
{
"value": "500"
},
{
"value": "600"
},
{
"value": "700"
},
{
"value": "800"
},
{
"value": "900"
},
{
"value": "1000"
},
{
"value": "1100"
},
{
"value": "1200"
}
]
},
{
"seriesname": "橘子",
"parentyaxis": "S",
"data": [
{
"value": "200"
},
{
"value": "400"
},
{
"value": "600"
},
{
"value": "800"
},
{
"value": "1000"
},
{
"value": "1200"
},
{
"value": "1400"
},
{
"value": "1600"
},
{
"value": "1800"
},
{
"value": "2000"
},
{
"value": "2200"
},
{
"value": "2400"
}
]
}
]
}



推荐阅读
author-avatar
打个的故事
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有