功能特性
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 横向坐标轴标签名称
简单说明用法:
xml 的写法
- <chart caption="Daily Visits" subcaption="(from 8/6/2006 to 8/12/2006)" lineThickness="1" showValues="0" formatNumberScale="0" anchorRadius="2" divLineAlpha="20" divLineColor="CC3300" divLineIsDashed="1" showAlternateHGridColor="1" alternateHGridAlpha="5" alternateHGridColor="CC3300" shadowAlpha="40" labelStep="2" numvdivlines="5" chartRightMargin="35" bgColor="FFFFFF,CC3300" bgAngle="270" bgAlpha="10,10">
- <categories>
<category label="8/6/2006" />
<category label="8/7/2006" />
<category label="8/8/2006" />
<category label="8/9/2006" />
<category label="8/10/2006" />
<category label="8/11/2006" />
<category label="8/12/2006" />
</categories>
- <dataset seriesName="Offline Marketing" color="1D8BD1" anchorBorderColor="1D8BD1" anchorBgColor="1D8BD1">
<set value="1327" />
<set value="1826" />
<set value="1699" />
<set value="1511" />
<set value="1904" />
<set value="1957" />
<set value="1296" />
</dataset>
- <dataset seriesName="Search" color="F1683C" anchorBorderColor="F1683C" anchorBgColor="F1683C">
<set value="2042" />
<set value="3210" />
<set value="2994" />
<set value="3115" />
<set value="2844" />
<set value="3576" />
<set value="1862" />
</dataset>
- <dataset seriesName="Paid Search" color="2AD62A" anchorBorderColor="2AD62A" anchorBgColor="2AD62A">
<set value="850" />
<set value="1010" />
<set value="1116" />
<set value="1234" />
<set value="1210" />
<set value="1054" />
<set value="802" />
</dataset>
- <dataset seriesName="From Mail" color="DBDC25" anchorBorderColor="DBDC25" anchorBgColor="DBDC25">
<set value="541" />
<set value="781" />
<set value="920" />
<set value="754" />
<set value="840" />
<set value="893" />
<set value="451" />
</dataset>
- <styles>
- <definition>
<style name="CaptionFont" type="font" size="12" />
</definition>
- <application>
<apply toObject="CAPTION" styles="CaptionFont" />
<apply toObject="SUBCAPTION" styles="CaptionFont" />
</application>
</styles>
</chart>
JS调用方法:
<html>
<head>
<script language="JavaScript" src="../FusionCharts/FusionCharts.js"></script>
</head>
<body bgcolor="#ffffff">
<div id="chartdiv" align="center">The chart will appear within this DIV. This text will be replaced by the chart.</div>
<script type="text/javascript">
var myChart = new FusionCharts("../FusionCharts/Column3D.swf", "myChartId", "900", "300", "0", "0");
myChart.setDataURL("Data.xml");
myChart.render("chartdiv");
</script>
</body>
</html>
效果图:
分享到:
相关推荐
FusionCharts V3使用文档.pdf
Fusioncharts V3 破解版,Fusioncharts,Fusioncharts V3 破解版,Fusioncharts,Chm帮助文档
【FusionCharts v3】是一款强大的JavaScript图表库,它提供了丰富的可视化效果,可用于创建互动式、动态的Web图表。这款工具适用于那些希望在网站或应用中以直观方式展示数据的开发者。通过使用FusionCharts v3,你...
FusionCharts v3是该库的一个版本,提供了多种图表类型,如柱状图、线图、饼图、甘特图等,以及丰富的自定义选项,以满足不同数据可视化需求。在这个" FusionCharts v3图表 例题"中,我们将会深入探讨其核心功能和...
### Fusioncharts XML 参数详解 #### 一、概述 Fusioncharts 是一款强大的图表库,能够帮助开发者快速构建出丰富的可视化图表。本篇文章将基于提供的部分XML配置参数进行详细解析,帮助读者更好地理解如何通过XML...
FusionCharts v3是一款强大的数据可视化工具,专用于创建各种动态图表和图形,尤其在股票市场分析中表现突出。这款软件能够帮助用户直观地理解复杂的数据,并通过多种图表类型,如K线图、成交量柱状图和饼图,提供...
### FusionCharts v3.X功能特性参数详解 #### 一、动画与显示设置 - **animation**: 表示是否启用图表的动画效果,默认为1(True),即开启动画。 - **showNames**: 指定是否显示X轴上的标签,默认值为True。 - **...
标题中的"参数详细说明"指的是FusionCharts的各种配置选项,这些参数允许用户自定义图表的外观、行为和交互性。下面我们将详细介绍一些重要的FusionCharts参数: 1. **chart.id**:这是图表的唯一标识符,用于在...
FusionCharts V3常用破解.rar
【FusionCharts V3 新特性】是InfoSoft Global公司针对其Flash图表组件FusionCharts的一次重大升级。FusionCharts是一款强大的、跨平台、跨浏览器的图表解决方案,它能够无缝集成到多种Web开发技术中,如ASP.NET, ...
在使用FusionCharts时,理解和掌握其参数设置是至关重要的,因为这些参数直接影响到图表的外观、行为以及数据处理方式。下面将详细介绍FusionCharts中的关键参数及其作用。 1. `chart`: 这是FusionCharts的核心参数...
FusionCharts V3的大企业版本,去除水印,增加了几个功能模块,大家放心试用。
功能特性 animation 是否动画显示数据,默认为 1(True) showNames 是否显示横向坐标轴(x轴)标签名称 rotateNames 是否旋转显示标签,默认为0(False):横向显示 showValues 是否在图表显示对应的数据值,默认为1...
**FusionCharts V3 手册与示例代码详解** FusionCharts 是一款强大的JavaScript图表库,它能够帮助开发者创建出交互式、丰富多彩的图表,适用于网页和Web应用中的数据可视化。FusionCharts V3是该产品的第三个主要...
功能特性 animation 是否动画显示数据,默认为 1(True) showNames 是否显示横向坐标轴(x轴)标签名称 rotateNames 是否旋转显示标签,默认为0(False):横向显示 showValues 是否在图表显示对应的数据值,默认为1(True)...
里面有完整的api和详细的例子,45万用户首选的跨平台、跨浏览器的JavaScript/HTML图表解决方案。类似Excel的表格设计方式,大大减少开发代码量和开发周期。 丰富的图表可视化类型,使设计既方便,又美观。
FusionCharts 参数及功能特性详解实例 FusionCharts 是一款功能强大且灵活的图表工具,可以帮助开发者快速创建各种类型的图表,如折线图、柱状图、饼图等。通过设置不同的参数,可以实现图表的高度自定义,满足不同...
FusionCharts是一款强大的Flash图表组件,它能够生成交互式的、丰富多彩的图表,广泛应用于数据分析和信息可视化领域。这款工具特别适合需要将复杂数据转化为易于理解的图形的网站和应用程序。以下是对标题、描述和...
FusionCharts v3 源码,值得学习,经典。 117
FusionCharts Free V2.1是一款专为网页开发者设计的免费Flash图形报表工具,它能够帮助用户轻松创建出美观、互动且数据丰富的图表。这款软件以其出色的数据可视化能力,为网站和应用程序添加了动态和直观的展示效果...