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
分享到:
相关推荐
在本文中,我们将深入探讨如何在JavaServer Pages (JSP) 中集成FusionCharts,这是一个强大的JavaScript图表库,能为您的Web应用程序提供美观、动态的数据可视化效果。相较于JFreeCharts,FusionCharts提供了更为...
FusionCharts提供了丰富的API和工具,使得开发者可以轻松地将图表集成到Web应用中。 2. **柱状图** 柱状图是一种常用的数据可视化方式,用于比较不同类别的数量或比例。在FusionCharts中,柱状图有多种变体,如...
在这个例子中,我们创建了一个名为`myChart`的FusionCharts实例,指定了图表类型(`type`)、渲染位置(`renderAt`)、宽度(`width`)、高度(`height`)、数据格式(`dataFormat`)以及数据源(`dataSource`)。 #### 四、...
FusionCharts是一款强大的JavaScript图表库,它允许开发者创建交互式、丰富多彩的图表和图形,用于Web及移动应用中。在“FusionCharts示例代码(jsp)”这个主题中,我们将深入探讨如何在JavaServer Pages (JSP)环境中...
总结,FusionCharts与JSP的结合使得Java开发者能够方便地在Web应用中创建动态、交互式的图表,从而提升用户体验,直观展示复杂数据。通过熟练掌握这两者的集成技术,开发者可以在项目中发挥出更大的创造力。
FusionCharts是一款强大的JavaScript图表库,它可以用于在Web应用中创建丰富的交互式图表。在Java Server Pages (JSP)环境中使用FusionCharts,可以为开发者提供便捷的方式来展示数据,尤其适用于数据分析、报表生成...
总之,FusionCharts在JSP环境中的应用不仅限于简单的数据展示,还支持高级功能如图片和PDF导出,使得数据可视化更加灵活和实用。通过熟练掌握这些技能,你可以为用户提供更丰富的交互体验和更高质量的报表输出。
3. **页面集成**:在 JSP 页面中,使用 `<jsp:include>` 或 `<script>` 标签引入 FusionCharts JavaScript 文件和 SWF 对象,实现图表的渲染。 4. **事件处理**:FusionCharts 提供的 JavaScript API 允许在图表上...
FusionCharts是一种制图组件,可以帮您为您的Web应用创建交互式的、数据驱动的图表、仪表盘和地图。它具有智能化、用户友好和创新等特点,可以将单调的数据转化为栩栩如生的图像,从而使您的Web应用更加的生动。它...
3. **basechart.jsp**:这是一个JSP(JavaServer Pages)文件,它是JavaWeb应用中的视图层组件,用于展示数据。在`basechart.jsp`中,我们需要引入FusionCharts的JavaScript库,然后利用JavaScript来实例化图表对象...
本文将详细讲解如何在JSP环境中利用FusionCharts实现图片(JPG)的导出功能,同时提供一个完整的工程案例供您参考。 首先,我们需要了解FusionCharts的基本使用。FusionCharts库提供了多种图表类型,如柱状图、饼图...
这样,你就可以在你的web应用中开始使用FusionCharts Free来创建专业且美观的数据图表了。 总的来说,FusionCharts Free是一个高效且易于使用的工具,对于需要在网页上展示数据的开发者来说,它提供了一个直观且...
在这个版本中,FusionCharts Suite XT提供了丰富的图表类型和优化的性能,旨在帮助开发者和数据分析师以更加生动、直观的方式呈现复杂的数据。 一、FusionCharts Suite XT概述 FusionCharts Suite XT是一套完整的...
- **桌面应用**:对于不依赖于服务器交互的应用,可以直接在本地文件系统中安装 FusionCharts Free。 - **教学和演示**:由于其易于使用的特性,FusionCharts Free 也非常适合用于教学和演示场合。 #### 六、案例...
**四、FusionCharts在报表中的应用** 1. **数据可视化**:FusionCharts可以帮助快速构建出具有吸引力的数据报告,使复杂的业务数据变得清晰易懂。 2. **实时更新**:实时数据显示,如监控系统、仪表盘,可以通过Ajax...
在实际应用中,可以根据需要选择合适的编程语言API来与FusionCharts进行交互,从而生成各种定制化的图表,为用户提供直观、生动的数据展示。 总之,FusionCharts是一个功能强大的图表组件,能够帮助开发者在各种...