`

fusioncharts 在jsp中的应用

阅读更多
fusioncharts有jsp中的使用:
要引入<script type="text/javascript" src="wsjd/sys/fusioncharts/FusionCharts.js"></script>
1、从数据库查询返回的结果,并拼接成字符串形式
<% list=xxxxx;
   String fuioncXML="";//fusioncharts的基本样式
%>
2、js中的方法,可以在<body onload="testFusionCharts()">运行加载
function testFusionCharts(){
var fusionChar="<%=fusioncXML%>";
var myChart = new FusionCharts("wsjd/sys/fusioncharts/Charts/Pie2D.swf", "myChartId", "500", "500", "0", "0");
    myChart.setDataXML(fusionChar);[/color]//字符串时调用这个方法
   //myChart.setDataURL("wsjd/sys/test.xml");[color=red]
//是xml文件引用时调用这个方法
    myChart.render("chartdiv");//此处为展示图的div的id
}

一下为转载:
功能特性
animation                    是否动画显示数据,默认为1(True)
showNames                    是否显示横向坐标轴(x轴)标签名称
rotateNames                是否旋转显示标签,默认为0(False):横向显示
showValues                    是否在图表显示对应的数据值,默认为1(True)
yAxisMinValue                指定纵轴(y轴)最小值,数字
yAxisMaxValue                 指定纵轴(y轴)最小值,数字
showLimits                    是否显示图表限值(y轴最大、最小值),默认为1(True)
图表标题和轴名称
caption                    图表主标题
subCaption                    图表副标题
xAxisName                    横向坐标轴(x轴)名称
yAxisName                    纵向坐标轴(y轴)名称

图表和画布的样式
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]
showDivLinues            是否显示Div行的值,默认??
numVDivLines                画布内部垂直分区线条数,数字
vDivLineColor                垂直分区线颜色,6位16进制颜色值
vDivLineThickness            垂直分区线厚度,[1-5]
vDivLineAlpha                垂直分区线透明度,[0-100]
showAlternateVGridColor    是否在纵向网格带交替的颜色,默认为0(False)
alternateVGridColor        纵向网格带交替的颜色,6位16进制颜色值
alternateVGridAlpha        纵向网格带的透明度,[0-100]

数字格式
numberPrefix                增加数字前缀
numberSuffix                增加数字后缀    % 为 '%25'
formatNumberScale        是否格式化数字,默认为1(True),自动的给你的数字加上K(千)或M(百万);若取0,则不加K或M
decimalPrecision            指定小数位的位数,[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                        横向坐标轴标签名称

FusionCharts v3新增功能

新的3.1版本:
使得出口能力为PDF格式的图表和图片在客户端以及服务器端
旋转文字并不需要任何更多的嵌入字体。任何UTF - 8字符现在可以旋转和使用图表从而FusionCharts真正多语言。
选项指定文本价值,可以代替数值是图表上显示的每个数据项
无法加载自定义标识,图表上在预先确定的位置,然后连结相同
...
详细查看一下博客:
http://www.cnblogs.com/ATree/archive/2010/04/20/FusionCharts-parameter.html
分享到:
评论

相关推荐

    简单的jsp fusioncharts例子

    在本文中,我们将深入探讨如何在JavaServer Pages (JSP) 中集成FusionCharts,这是一个强大的JavaScript图表库,能为您的Web应用程序提供美观、动态的数据可视化效果。相较于JFreeCharts,FusionCharts提供了更为...

    FusionCharts柱状图_jsp

    FusionCharts提供了丰富的API和工具,使得开发者可以轻松地将图表集成到Web应用中。 2. **柱状图** 柱状图是一种常用的数据可视化方式,用于比较不同类别的数量或比例。在FusionCharts中,柱状图有多种变体,如...

    fusionCharts数据库取数展示

    在这个例子中,我们创建了一个名为`myChart`的FusionCharts实例,指定了图表类型(`type`)、渲染位置(`renderAt`)、宽度(`width`)、高度(`height`)、数据格式(`dataFormat`)以及数据源(`dataSource`)。 #### 四、...

    FusionCharts示例代码(jsp)

    FusionCharts是一款强大的JavaScript图表库,它允许开发者创建交互式、丰富多彩的图表和图形,用于Web及移动应用中。在“FusionCharts示例代码(jsp)”这个主题中,我们将深入探讨如何在JavaServer Pages (JSP)环境中...

    FusionCharts jsp开发

    总结,FusionCharts与JSP的结合使得Java开发者能够方便地在Web应用中创建动态、交互式的图表,从而提升用户体验,直观展示复杂数据。通过熟练掌握这两者的集成技术,开发者可以在项目中发挥出更大的创造力。

    JSP下操作图形控件FusionCharts

    FusionCharts是一款强大的JavaScript图表库,它可以用于在Web应用中创建丰富的交互式图表。在Java Server Pages (JSP)环境中使用FusionCharts,可以为开发者提供便捷的方式来展示数据,尤其适用于数据分析、报表生成...

    FusionCharts 导出图片

    总之,FusionCharts在JSP环境中的应用不仅限于简单的数据展示,还支持高级功能如图片和PDF导出,使得数据可视化更加灵活和实用。通过熟练掌握这些技能,你可以为用户提供更丰富的交互体验和更高质量的报表输出。

    FusionCharts

    3. **页面集成**:在 JSP 页面中,使用 `&lt;jsp:include&gt;` 或 `&lt;script&gt;` 标签引入 FusionCharts JavaScript 文件和 SWF 对象,实现图表的渲染。 4. **事件处理**:FusionCharts 提供的 JavaScript API 允许在图表上...

    fusioncharts/3.3.1下载

    FusionCharts是一种制图组件,可以帮您为您的Web应用创建交互式的、数据驱动的图表、仪表盘和地图。它具有智能化、用户友好和创新等特点,可以将单调的数据转化为栩栩如生的图像,从而使您的Web应用更加的生动。它...

    FusionCharts_java后台工具

    3. **basechart.jsp**:这是一个JSP(JavaServer Pages)文件,它是JavaWeb应用中的视图层组件,用于展示数据。在`basechart.jsp`中,我们需要引入FusionCharts的JavaScript库,然后利用JavaScript来实例化图表对象...

    JSP fusioncharts 导出图片(JPG)的例子(完整工程 测试通过)

    本文将详细讲解如何在JSP环境中利用FusionCharts实现图片(JPG)的导出功能,同时提供一个完整的工程案例供您参考。 首先,我们需要了解FusionCharts的基本使用。FusionCharts库提供了多种图表类型,如柱状图、饼图...

    FusionCharts_Free中文开发指南

    这样,你就可以在你的web应用中开始使用FusionCharts Free来创建专业且美观的数据图表了。 总的来说,FusionCharts Free是一个高效且易于使用的工具,对于需要在网页上展示数据的开发者来说,它提供了一个直观且...

    fusioncharts-suite-xt

    在这个版本中,FusionCharts Suite XT提供了丰富的图表类型和优化的性能,旨在帮助开发者和数据分析师以更加生动、直观的方式呈现复杂的数据。 一、FusionCharts Suite XT概述 FusionCharts Suite XT是一套完整的...

    FusionCharts_free API

    - **桌面应用**:对于不依赖于服务器交互的应用,可以直接在本地文件系统中安装 FusionCharts Free。 - **教学和演示**:由于其易于使用的特性,FusionCharts Free 也非常适合用于教学和演示场合。 #### 六、案例...

    js实现图表-FusionCharts

    **四、FusionCharts在报表中的应用** 1. **数据可视化**:FusionCharts可以帮助快速构建出具有吸引力的数据报告,使复杂的业务数据变得清晰易懂。 2. **实时更新**:实时数据显示,如监控系统、仪表盘,可以通过Ajax...

    fusioncharts中文幫助文檔

    在实际应用中,可以根据需要选择合适的编程语言API来与FusionCharts进行交互,从而生成各种定制化的图表,为用户提供直观、生动的数据展示。 总之,FusionCharts是一个功能强大的图表组件,能够帮助开发者在各种...

Global site tag (gtag.js) - Google Analytics