fusionchart的简单封装 - joe - ITeye技术网站
当使用fusionchart时，可能会写一些很多的xml文件，有时候很麻烦。但是完全可以自己封装起来。根据自己的意愿，得出想要的封装。
我这里简单的封装了一下，只是说说大概的使用方法。
首先在后台代码中自己写一个工具类，这个类就是对fusionchart的简单封装。只提供方法供外边使用者向里面提供数据，就可以生成fusionchart的所有xml格式的内容。返回的结果是符合xml格式的字符串。这样得出的数据当做参数传到前台页面，前台页面接受这个变量，放到指定的位置就可以显示出来fusionchart的图形。
我这里只提供大概的思路，你们可以结合自己的想法去写。也提供了代码下载，我主要把核心的代码给提供下载了。
package com.joe.
import java.util.ArrayL
import java.util.HashM
import java.util.L
import java.util.M
import java.util.R
import java.util.UUID;
* 画图工具,主要用来画二维和三维图形(饼状图,柱状图,曲线图)
* 使用说明：
* 1, 创建该类的一个构造函数,如果构造函数里的参数不是你想要的,你可以通过get/set方法设置.
* 2, 根据自己的需要画什么样的图就调用什么方法。
* 3, 例子： DrawDesigns d = new DrawDesigns(......); String str = d.drawPie2D();
* 这个str参数就是全部数据,前台可以直接使用这个参数(str),注意页面不用导入js文件。
* 前台页面:(比如jsp页面) ${str} 或者 &%=str%&
* @author joe
public class DrawDesigns {
// default params
private static final String CAPTION = "统计分析图";
private static final String XAXISNAME = "数据源名称";
private static final String YAXISNAME = "Value";
private static final Integer WIDTH = 600;// 默认的宽度,意思同width变量一样
private static final Integer HEIGHT = 400;// 默认的高度,意思同height变量一样
private static final String JSPATH = "FusionChartsFree/JSClass/FusionCharts.js";
private static final String SWFPATH = "FusionChartsFree/Charts/";
// private static final String XMLHEADER = "&?xml version=\"1.0\"
// encoding=\"UTF-8\"?&";
// user-defind
private S// 图形的标题名称
private String xAxisN// 横向坐标轴(x轴)名称
private String yAxisN// 纵向坐标轴(y轴)名称
private I// x轴宽,其实设置成Double类型的变量也可以,但是没有必要精算到浮点型,Integer就够了,除非业务有必要的说明
private I// y轴宽,其实设置成Double类型的变量也可以,但是没有必要精算到浮点型,Integer就够了,除非业务有必要的说明
private String jsP// 这种写法意思是FusionCharts这个包和你自己写的文件包处于同一个目录下,默认的js路径就是这个
private String swfP// 这个只能指定包名,因为这个Charts包下面全是swf文件,只能根据客户需求加swf文件
private String divId = "drawDiv" + UUID.randomUUID().toString();// 把封装好的xml数据放到前台页面显示在哪个区域,比如div,所以areaName意思是指定这个区域的名字,这里给他一个默认的。
private String colors[] = { "1D8BD1", "F1683C", "2AD62A", "DBDC25",
"649665", "4169E1", "087eb6", "BA55D3", "D2691E", "FF7F50",
"32CD32", "4682B4" };// 指定颜色,可以根据自己的喜欢随便写,这个数组的长度不限,主要是显示图形时好区分,如果你弄成统一的颜色,会很单调,可以考虑编写个随机颜色程序。
private String myChartN
// 一维数据(意思是比如曲线图上只显示一条曲线)
private List&Map&Object, Object&& oneDimensionsList = new ArrayList&Map&Object, Object&&();
// 多维数据(意思是比如曲线图上显示多条曲线)
private Map&Object, Map&Object, Object&& manyDimensionsMap = new HashMap&Object, Map&Object, Object&&();
// x轴名称集合(是用来做多条曲线用的,主要是多个集合共享x轴名称)
private List&String& xAxisNameList = new ArrayList&String&();
private boolean benchmark =//是否显示基准线
private String benchmarkN//基准线名称
private Object benchmarkV//基准线值
* 默认的构造方法
public DrawDesigns() {
this.verifyParams();
* 针对一维数据所建立的构造方法
* @param caption
* @param xAxisName
* @param yAxisName
* @param width
* @param height
* @param oneDimensionsList
public DrawDesigns(String caption, String xAxisName, String yAxisName,
Integer width, Integer height, List&Map&Object, Object&& oneDimensionsList) {
this.caption =
this.xAxisName = xAxisN
this.yAxisName = yAxisN
this.width =
this.height =
this.oneDimensionsList = oneDimensionsL
this.verifyParams();
* 针对一维数据所建立的构造方法,该方法含有js路径
* @param caption
* @param xAxisName
* @param yAxisName
* @param width
* @param height
* @param jsPath
* @param swfPath
* @param oneDimensionsList
public DrawDesigns(String caption, String xAxisName, String yAxisName,
Integer width, Integer height, String jsPath, String swfPath,
List&Map&Object, Object&& oneDimensionsList) {
this.caption =
this.xAxisName = xAxisN
this.yAxisName = yAxisN
this.width =
this.height =
this.jsPath = jsP
this.swfPath = swfP
this.oneDimensionsList = oneDimensionsL
this.verifyParams();
* 该构造方法是为多维数据写的：
* List&String&含义是x轴的名称,
* Map&Object, Map&Object, Object&&含义是每一维所对应的值的集合.
* 例子:List&String& = {"一月","二月","三月","四月","五月"}
* Map&Map&Object, Map&Object, Object&&&
* {2009年,{{"一月",100},{"二月",200},{"三月",300}...}},
* {2010年,{{"一月",100},{"二月",200},{"三月",300}...}}...
* @param caption
* @param xAxisName
* @param yAxisName
* @param width
* @param height
* @param jsPath
* @param swfPath
* @param xAxisNameList
* @param manyDimensionsMap
public DrawDesigns(String caption, String xAxisName, String yAxisName,
Integer width, Integer height, String jsPath, String swfPath,
List&String& xAxisNameList,
Map&Object, Map&Object, Object&& manyDimensionsMap) {
this.caption =
this.xAxisName = xAxisN
this.yAxisName = yAxisN
this.width =
this.height =
this.jsPath = jsP
this.swfPath = swfP
this.xAxisNameList = xAxisNameL
this.manyDimensionsMap = manyDimensionsM
* 针对多维数据所建立的构造方法
* 同上一样,只不过是不带js路径
* @param caption
* @param xAxisName
* @param yAxisName
* @param width
* @param height
* @param xAxisNameList
* @param manyDimensionsMap
public DrawDesigns(String caption, String xAxisName, String yAxisName,
Integer width, Integer height, List&String& xAxisNameList,
Map&Object, Map&Object, Object&& manyDimensionsMap) {
this.caption =
this.xAxisName = xAxisN
this.yAxisName = yAxisN
this.width =
this.height =
this.xAxisNameList = xAxisNameL
this.manyDimensionsMap = manyDimensionsM
* 获取swf动画的路径
* @param swfName
private String getSWFPath(String swfName) {
return this.swfPath + swfN
* 客户有可能需要达标线,所以这里设置一下达标线的参数
* @param ifBenchmark
是否显示达标线
* @param benchmarkName
达标线名称
* @param benchmarkValue
public void setBenchmark(boolean ifBenchmark, String benchmarkName,
Object benchmarkValue) {
this.benchmark = ifB
this.benchmarkName = benchmarkN
this.benchmarkValue = benchmarkV
* 如果用户在前台不设置参数,例如这个参数为null或者是"",那么这里给他一个默认的参数值
private void verifyParams() {
if (this.width == null || this.width &= 0) {
this.width = WIDTH;
if (this.height == null || this.height &= 0) {
this.height = HEIGHT;
if (this.xAxisName == null || this.xAxisName.equals("")) {
this.xAxisName = XAXISNAME;
if (this.yAxisName == null || this.yAxisName.equals("")) {
this.yAxisName = YAXISNAME;
if (this.caption == null || this.caption.equals("")) {
this.caption = CAPTION;
if (this.jsPath == null || this.jsPath.equals("")) {
this.jsPath = JSPATH;
if (this.swfPath == null || this.swfPath.equals("")) {
this.swfPath = SWFPATH;
if (this.myChartName == null || this.myChartName.equals("")) {
this.myChartName = "myChart" + (new Random()).nextInt(10000);
if (this.oneDimensionsList.isEmpty()) {
this.oneDimensionsList = new ArrayList&Map&Object,Object&&();
if (this.manyDimensionsMap.isEmpty()) {
this.manyDimensionsMap = new HashMap&Object, Map&Object,Object&&();
if(this.xAxisNameList.isEmpty()) {
this.xAxisNameList = new ArrayList&String&();
// 以下代码(三个for循环)是做测试用的
for (int i = 0; i & 10; i++) {
int value = (new Random()).nextInt(100);
Map&Object, Object& map = new HashMap&Object, Object&();
map.put("x", "你好" + i);
map.put("y", value);
this.oneDimensionsList.add(map);
for (int i = 1; i &= 12; i++) {
this.xAxisNameList.add(i + "");
for (int i = 0; i & 3; i++) {
Map&Object, Object& m = new HashMap&Object, Object&();
for (int j = 1; j &= this.xAxisNameList.size(); j++) {
m.put(this.xAxisNameList.get(j - 1), (new Random())
.nextInt(100));
this.manyDimensionsMap.put("201" + i, m);
private String getDivAndJs() {
return "&div style=\"width: 0 height: 0px\"&&script type=\"text/javascript\" src=\""
+ this.jsPath
+ "\"&&/script&&/div&"
+ "&div id=\""
+ this.divId + "\" align = \"center\"&Fusion Chart.&/div&";
* 解析一维图形的xml数据
private String getOneDimensionsXmlData() {
StringBuffer buffer = new StringBuffer("");
.append("&chart caption='")
.append(this.caption)
.append("' xAxisName='")
.append(this.xAxisName)
.append("' yAxisName='")
.append(this.yAxisName)
"' showNames='1' decimalPrecision='0' baseFontSize='12'
formatNumberScale='0' &");
for (Map&Object, Object& map : this.oneDimensionsList) {
buffer.append("&set label='").append(map.get("x")).append(
"' value='").append(map.get("y")).append("' color='")
.append(this.getRandomColor()).append("' /&");
buffer.append("&/chart&");
return buffer.toString();
* 画图,主要是把js,xml,swf等数据封装起来
* @param swfName
* @param xmlData
private String getDrawChart(String swfName, String xmlData) {
StringBuffer buffer = new StringBuffer(this.getDivAndJs()
+ "&script type=\"text/javascript\"& ");
buffer.append("var ").append(this.myChartName).append(
"= new FusionCharts(\"" + this.getSWFPath(swfName)
+ "\", \"myChart" + UUID.randomUUID().toString()
+ "\", \"" + this.width + "\", \"" + this.height
+ "\", \"0\", \"0\"); ").append(this.myChartName)
.append(".setDataXML(\"" + xmlData + "\"); ").append(
this.myChartName).append(".render(\"").append(
this.divId).append("\");&/script&");
return buffer.toString();
* 解析多维图形的xml数据
private String getManyDimensionsXmlData() {
StringBuffer buffer = new StringBuffer("");
.append("&chart caption='")
.append(this.caption)
.append("' xAxisName='")
.append(this.xAxisName)
.append("' yAxisName='")
.append(this.yAxisName)
"' showValues='0' baseFontSize='12' palette='1' showFCMenuItem='1' imageSave='1'&");
buffer.append("&categories&");
for (String str : xAxisNameList) {
buffer.append("&category label='" + str + "' /&");
buffer.append("&/categories&");
for (Map.Entry&Object, Map&Object, Object&& values : this.manyDimensionsMap.entrySet()) {
buffer.append("&dataset seriesName='").append(values.getKey()).append("'&");
for (String str : this.xAxisNameList) {
buffer.append("&set value='").append(values.getValue().get(str)).append("'/&");
buffer.append("&/dataset&");
buffer.append(this.benchmark());
buffer.append("&/chart&");
return buffer.toString();
* 封装达标线的xml数据
private String benchmark() {
StringBuffer buffer = new StringBuffer("");
if (this.benchmark
&& (this.benchmarkName != null && !this.benchmarkName
.equals(""))
&& (this.benchmarkValue != null && !this.benchmarkValue
.equals(""))) {
buffer.append("&trendlines&&line startValue='").append(
this.benchmarkValue).append(
"' color='91C728' displayValue='").append(
this.benchmarkName).append(
"' showOnTop='1' /&&/trendlines&");
return buffer.toString();
* 从colors数组随机选取一个颜色
private String getColor() {
if (oneDimensionsList.size() &= 0) {
return this.colors[(new Random()).nextInt(this.colors.length)];
return this.colors[(new Random()).nextInt(oneDimensionsList.size())];
* 生产随机颜色
private String getRandomColor() {
return (UUID.randomUUID().toString()).substring(0, 6);
* 2维饼状图
public String drawPie2D() {
return this.getDrawChart("Pie2D.swf", this.getOneDimensionsXmlData());
* 3维饼状图
public String drawPie3D() {
return this.getDrawChart("Pie3D.swf", this.getOneDimensionsXmlData());
* 2维柱状图
public String drawColumn2D() {
return this
.getDrawChart("Column2D.swf", this.getOneDimensionsXmlData());
* 3维柱状图
public String drawColumn3D() {
return this
.getDrawChart("Column3D.swf", this.getOneDimensionsXmlData());
* 2维曲线图
public String drawLine2D() {
return this.getDrawChart("Line.swf", this.getOneDimensionsXmlData());
* 3维曲线图
* 这个方法暂时不能使用,因为关于曲线图一维数据的swf文件暂时没找到
public String drawLine3D() {
return this.getDrawChart("Line.swf", this.getOneDimensionsXmlData());
// ==============以下是多维数据柱状图,曲线图===============
* 多维2D柱状图
public String drawColumn2DGroup() {
return this.getDrawChart("MSColumn2D.swf", this
.getManyDimensionsXmlData());
* 多维2D曲线图
public String drawLine2DGroup() {
return this.getDrawChart("MSLine.swf", this.getManyDimensionsXmlData());
* 多维3D柱状图
public String drawColumn3DGroup() {
return this.getDrawChart("MSColumn3D.swf", this
.getManyDimensionsXmlData());
* 多维3D曲线图
public String drawLine3DGroup() {
return this.getDrawChart("MSLine.swf", this
.getManyDimensionsXmlData());
// ==========get/set方法begin==============
public String getCaption() {
public void setCaption(String caption) {
this.caption =
public String getXAxisName() {
return xAxisN
public void setXAxisName(String axisName) {
xAxisName = axisN
public String getYAxisName() {
return yAxisN
public void setYAxisName(String axisName) {
yAxisName = axisN
public Integer getWidth() {
public void setWidth(Integer width) {
this.width =
public Integer getHeight() {
public void setHeight(Integer height) {
this.height =
public String getJsPath() {
return jsP
public void setJsPath(String jsPath) {
this.jsPath = jsP
public String getSwfPath() {
return swfP
public void setSwfPath(String swfPath) {
this.swfPath = swfP
public String getDivId() {
return divId;
public void setDivId(String divId) {
this.divId = divId;
public String[] getColors() {
public void setColors(String[] colors) {
this.colors =
public String getMyChartName() {
return myChartN
public void setMyChartName(String myChartName) {
this.myChartName = myChartN
public List&Map&Object, Object&& getOneDimensionsList() {
return oneDimensionsL
public void setOneDimensionsList(List&Map&Object, Object&& oneDimensionsList) {
this.oneDimensionsList = oneDimensionsL
public Map&Object, Map&Object, Object&& getManyDimensionsMap() {
return manyDimensionsM
public void setManyDimensionsMap(
Map&Object, Map&Object, Object&& manyDimensionsMap) {
this.manyDimensionsMap = manyDimensionsM
public List&String& getXAxisNameList() {
return xAxisNameL
public void setXAxisNameList(List&String& axisNameList) {
xAxisNameList = axisNameL
public boolean isBenchmark() {
public void setBenchmark(boolean benchmark) {
this.benchmark =
public String getBenchmarkName() {
return benchmarkN
public void setBenchmarkName(String benchmarkName) {
this.benchmarkName = benchmarkN
public Object getBenchmarkValue() {
return benchmarkV
public void setBenchmarkValue(Object benchmarkValue) {
this.benchmarkValue = benchmarkV
// ================get/set方法end============
===================================================================
这样一个封装的fusionchart类就写好了，然后怎么使用呢？
这里你使用struts还是servlet来控制流程都可以，我用的是struts。你只要看一下里面的方法是怎么使用的就可以。
package com.testor.recursor.action.
import java.sql.T
import javax.servlet.http.HttpServletR
import javax.servlet.http.HttpServletR
import org.apache.struts2.interceptor.ServletRequestA
import org.apache.struts2.interceptor.ServletResponseA
import com.testor.recursor.tools.DrawD
public class FusionchartDrawAction implements ServletResponseAware, ServletRequestAware {
private HttpServletR
private HttpServletR
public String getCharts() {
DrawDesigns d = new DrawDesigns();
d.setCaption("查询包数统计分析图");
d.setXAxisName("指标发生时间");
d.setWidth(460);d.setHeight(350);
String str1 = d.drawLine3DGroup();
//这里如果想要真实数据，可以自己写，只要你写好的数据封装成list或者map的格式就可以。然后把参数传到DrawDesigns这里类里就可以。
//我这里没有数据，因为在DrawDesigns类里面我用的是假数据，在verifyParams()这个方法里的最下面就是我写的假数据，被我注释掉了。可以根据自己的需求随便写
System.out.println("打印出xml数据：" + str1);
request.setAttribute("draw0", str1);
return "success";
public void setServletResponse(HttpServletResponse arg0) {
this.response = arg0;
public void setServletRequest(HttpServletRequest arg0) {
this.request = arg0;
&%@ page language="java" pageEncoding="utf-8"%&
String path = request.getContextPath();
&!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"&
&title&性能对比&/title&
&link rel="stylesheet" type="text/css"
href="&%=path%&/scripts/ext-3.2.1/resources/css/ext-all.css" /&
&script type="text/javascript" src="&%=path%&/scripts/jquery.js"&&/script&
&script type="text/javascript"
src="&%=path%&/scripts/ext-3.2.1/adapter/jquery/ext-jquery-adapter.js"&&/script&
&script type="text/javascript"
src="&%=path%&/scripts/ext-3.2.1/adapter/ext/ext-base.js"&&/script&
&script type="text/javascript"
src="&%=path%&/scripts/ext-3.2.1/ext-all.js"&&/script&
&script type="text/javascript"
src="&%=path%&/scripts/ext-3.2.1/examples/shared/examples.js"&&/script&
&script type="text/javascript"
src="&%=path%&/scripts/ext-3.2.1/ext-lang-zh_CN.js" charset="utf-8"&&/script&
///////////上面引用的js文件，你可以不用在乎，因为这是我以前做东西引用的一些文件，对我们使用fusionchart不影响。你只关注下面的代码就行。
&body style="background-color: #DFE8F6"&
&div style="text-align: center"&
${ draw0 } //这个就是后台传过来的参数。request.setAttribute("draw0", str1);
====================
这样就成功了！可以根据这个思路自己随便写。
fusionchart效果图：
(220.2 KB)
下载次数: 290
浏览: 14329 次
来自: 北京
很有用，那些只会复制的人 真不知道怎么想的。。脑子进水了~~~ ...
lz和4楼，多谢，我先去用一下
厉害，项目布署完、启动tomcat，都能自己打开首页。求教，望 ...
初学，顶一个。
您好，非常感谢您共享的资源，对我帮助很大。
使用的过程中，发现 ...全面的图表 - FusionCharts图表绘制软件介绍 | 虹科 hongke
FusionCharts套件的体验之旅
FusionCharts套件帮助您快速地为您的web和企业应用程序创建惊人的图表，仪表和地图。全球范围内有118个国家，450,000位用户，20,000家客户。它是您报表，仪表盘，调查报告，监控器和分析的完美添加物。
、全面的图表：超过90种图表类型，让您的数据始终具有正确的代表性。
全方位的图表
超过90款图表类型，您的图表始终显示正确的最新的数据。FusionCharts Suite提供所有通用的图表，先进的图表，例如变焦线等，实时图表，甚至有可视化编辑图表。
每一次给你的数据焕然一新的外观
FusionCharts Suite提供超过90张图表、550幅地图，满足你所有的数据可视化需求。
由您全权支配所有的通用图表
FusionCharts Suite提供了所有你将会需要的常用图表。柱形图，条形图，折线图，面积图，饼图，测速仪。只要您说的出，FusionCharts就做得到。
具有组合图和缩放线的高级图表
除了所有的通用图外，FusionCharts
XT提供了先进的图表，如组合，滚动，缩放线，XY图，Marimekko和Pareto图表。
执行仪表盘和实时监控的工具
在仪表板和显示器上有效地展示你的KPI，可利用测速仪图表，线性仪表，漏斗及金字塔图表，子弹图和波形图。
为网络图和股票价格提供专门的图表
在PowerCharts中，你会得到用于网络图，性能分析，层次结构，股票价格和更大量的专业图表。你将会看到最交互式的图表。
用地理数据绘制地图
在互动地图上显示按照地区的销量，选举结果，办公地点和统计数据。超过550幅地图，包括所有大洲和国家，美国各州及许多其他国家的州/县。如果你没有找到你需要的地图，我们可以为您构建。
对数和反轴图表
需要显示非常小或者非常大数值的数据吗？可以将它们绘制在对数图上。需要显示队列和比赛计时吗？可以将它们绘制在一个使用逆轴的倒置规模图表上。
可视化编辑您的图表
将您的图表作为交互式规划的工具使用，可直观地编辑图表。尤其是对销售和项目规划很有帮助。修改后的数据可以提交回数据库。
创造生动的&up-to-second&
股票实时图形显示器
使用可提取新数据并可在任何指定时间间隔内更新自己的图表，能使股票的实时监控，网络或制造数据变得非常有效。
| 广州虹科电子科技有限公司 | 版权所有 | 华南理工大学 国家科技园2-504var myChart = new FusionCharts("../FusionCharts/Column2D.swf", "myChartId", "600", "400",0 ,0, "FFFFFF","noscale","EN"); 第2个是图形的id。多个图形的时候，这个id 一定要是唯一的。第3个参数是图形的宽。第4个参数是图形的高。第5个参数是调试模式。第6个参数：是否使用JavaScript注册。第7个参数背景颜色。第8个参数刻度模式。第9个参数语言。
第1个参数是SWF 文件的地址。我们还要设置数据文件的地址。1. myChart.setDataURL("Data.xml");最后，我们把图形渲染在指定的地方。1. myChart.render("chartdiv");"chartdiv"就是前面的DIV 的id，这就表示把图形render 到"chartdiv"。现在你运行JSChart.html，你会看到同Chart.html 一样的效果。很显然使用JavaScript 加载图形，更方便，更直观。
如果你想在一个新的窗口打开页面，只需要在连接的前面加上&n-&，就像下面的代码一样：&graph caption='Monthly Sales Summary' subcaption='For the year 2006 '&xAxisName='Month' yAxisName='Sales' numberPrefix='$'&&&& &&set name='Jan' value='1 7400' link='n-DemoLinkPages/DemoLink1.html' color='AFD8F8' /&
XML数据节点和常用属性详解caption=&标题&subcaption=&子标题&clickURL=&abc.jsp& 点击整个图表时跳转到abc.jspxAxisName=部门&numberPrefix =&￥& 数据前缀单位numberSuffix =&个& 数据后缀单位 Decimals=&2& 保留两位小数，四舍五入forceDecimals=&2& 强制保留两位小数，对于5.1 转换为5.10 yAxisName=&完成率& 如果使用汉字汉符需加属性：rotateYAxisName=&1&showValues=&1&yAxisMaxValue=&100& 对于百分比的常用bgColor='999999,FFFFFF&渐变bgColor=&999999 & 单色useRoundEdges=&1& 光线效果baseFont=&宋体&baseFontSize='12' baseFontColor='333333'
功能特性animation&&& 是否动画显示数据，默认为 1(True)showNames&& 是否显示横向坐标轴(x轴)标签名称rotateNames&&& 是否旋转显示标签，默认为0(False):横向显示showValues&& 是否在图表显示对应的数据值，默认为1(True)yAxisMinValue& 指定纵轴(y轴)最小值，数字yAxisMaxValue&& 指定纵轴(y轴)最小值，数字showLimits&& 是否显示图表限值(y轴最大、最小值)，默认为1(True)showColumnShadow&& 是否显示各条形图间的阴影（若柱面图在一起并列的话）showAlternateHGridColor& 是否隔行显示不同颜色图表标题和轴名称caption&&& 图表主标题subCaption&& 图表副标题xAxisName& 横向坐标轴(x轴)名称yAxisName&& 纵向坐标轴(y轴)名称imageSave='1'& 是否保存图片imageSaveURL='Path/FusionChartsSave.jsp '& 图片路径hoverCapSepChar='，'& 鼠标放到柱面上时显示的提示信息的分隔符showhovercap='1'&&&& 鼠标放到柱面上时是否显示提示信息 hoverCapBgColor=&ffffff& 提示信息背景颜色图表和画布的样式bgColor&&&& 图表背景色，6位16进制颜色值canvasBgColor&&&&&&&&&&&&&&& 画布背景色，6位16进制颜色值canvasBgAlpha&&&&&&&&&&&&&&& 画布透明度，[0-100]canvasBorderColor&&&&&&&&&&& 画布边框颜色，6位16进制颜色值canvasBorderThickness&&&&&&& 画布边框厚度，[0-100]shadowAlpha&&&&&&&&&&&&&&& 投影透明度，[0-100]showLegend&&&&&&&&&&&&&&&&&&& 是否显示系列名，默认为1(True)字体属性baseFont&&&&&&&&&&&&&&&&&&& 图表字体样式baseFontSize&&&&&&&&&&&&&&& 图表字体大小baseFontColor&&&&&&&&&&&&&&& 图表字体颜色，6位16进制颜色值outCnvBaseFont&&&&&&&&&&&&&&& 图表画布以外的字体样式outCnvBaseFontSize&&&&&&&&&&& 图表画布以外的字体大小outCnvBaseFontColor&&&&&&& 图表画布以外的字体颜色，6位16进制颜色值分区线和网格numDivLines&&&&&&&&&&&&&&& 画布内部水平分区线条数，数字divLineColor&&&&&&&&&&&&&&& 水平分区线颜色，6位16进制颜色值divLineThickness&&&&&&&&&&& 水平分区线厚度，[1-5]divLineAlpha&&&&&&&&&&&&&&& 水平分区线透明度，[0-100]showAlternateHGridColor&&& 是否在横向网格带交替的颜色，默认为0(False)alternateHGridColor&&&&&&& 横向网格带交替的颜色，6位16进制颜色值alternateHGridAlpha&&&&&&& 横向网格带的透明度，[0-100]showDivLineValues&&&&&&& 是否显示Div行的值，默认？？numVDivLines&&&&&&&&&&&&&&& 画布内部垂直分区线条数，数字vDivLineColor&&&&&&&&&&&&&&& 垂直分区线颜色，6位16进制颜色值vDivLineThickness&&&&&&&&&&& 垂直分区线厚度，[1-5]vDivLineAlpha&&&&&&&&&&&&&&& 垂直分区线透明度，[0-100]showAlternateVGridColor&&& 是否在纵向网格带交替的颜色，默认为0(False)alternateVGridColor&&&&&&& 纵向网格带交替的颜色，6位16进制颜色值alternateVGridAlpha&&&&&&& 纵向网格带的透明度，[0-100]数字格式numberPrefix&&&&&&&&&&&&&&& 增加数字前缀numberSuffix&&&&&&&&&&&&&&& 增加数字后缀&&& % 为 '%25' / (吨)为&%ef%bc%88%e5%90%a8%ef%bc%89&（Server.UrlEncode编码）formatNumberScale&&&&&&& 是否格式化数字,默认为1(True),自动的给你的数字加上K（千）或M（百万）；若取0,则不加K或MdecimalPrecision&&&&&&&&&&& 指定小数位的位数， [0-10]&&& 例如：='0' 取整divLineDecimalPrecision&&& 指定水平分区线的值小数位的位数， [0-10]limitsDecimalPrecision&&&&&&& 指定y轴最大、最小值的小数位的位数，[0-10]formatNumber&&&&&&&&&&&&&&& 逗号来分隔数字(千位，百万位),默认为1(True)；若取0,则不加分隔符decimalSeparator&&&&&&&&&&& 指定小数分隔符,默认为'.'thousandSeparator&&&&&&&&&&& 指定千分位分隔符,默认为','Tool- tip/Hover标题showhovercap&&&&&&&&&&&&&&& 是否显示悬停说明框，默认为1(True)hoverCapBgColor&&&&&&&&&&& 悬停说明框背景色，6位16进制颜色值hoverCapBorderColor&&&&&&& 悬停说明框边框颜色，6位16进制颜色值hoverCapSepChar&&&&&&&&&&& 指定悬停说明框内值与值之间分隔符,默认为','折线图的参数lineThickness&&&&&&&&&&&&&&& 折线的厚度anchorRadius&&&&&&&&&&&&&&& 折线节点半径，数字anchorBgAlpha&&&&&&&&&&&&&&& 折线节点透明度，[0-100]anchorBgColor&&&&&&&&&&&&&&& 折线节点填充颜色，6位16进制颜色值anchorBorderColor&&&&&&&&&&& 折线节点边框颜色，6位16进制颜色值Set标签使用的参数value&&&&&&&&&&&&&&&&&&&&&&&数据值color&&&&&&&&&&&&&&&&&&&&&&&颜色link&&&&&&&&&&&&&&&&&&&&&&& 链接（本窗口打开[Url]，新窗口打开[n-Url]，调用JS函数[JavaScript:函数]）name&&&&&&&&&&&&&&&&&&&&&&& 横向坐标轴标签名称showFCMenuItem='0'&&&&&&&&& 设置右键显示不显示
阅读(...) 评论()}