xAxisName='Month'yAxisName='Units'showValues='0'
formatNumberScale='0'showBorder='1'>
用JSP使用FusionChartsXT的-基本例子
FusionChartsXT可以有效地同JSP结合，来绘制动态数据驱动的图表。
在这个例子中，我们将展示一些基本的例子来帮助你开始。
即使与JSP一起使用时，FusionChartsXT在内用JavaScript和XML/JSON渲染图表。
JSP代码实际上可以帮助你的输出JavaScript和XML/JSON。
为了帮助您理解本节中，我们会建议你去浏览下面的文档部分（如果你还没有看过他们）下面的章节：
创建你的第一个图表
Followthestepsbelowtogetstarted:
1.CreateafolderLearningFusionChartsonyourhard-drive.WewillusethisfolderastherootfolderforbuildingallFusionChartsXTexamples.
2.CreateafoldernamedMyFirstChartinsidetheabovefolder.InsidetheMyFirstChartfolder,createafoldernamedFusionCharts.
3.CopyColumn3D.swffromDownloadPack>ChartsfoldertotheFusionChartsfolder.ThisistheSWFfilerequiredtorenderthischartinFlash.
4.CopyFusionCharts.js,FusionCharts.HC.js,FusionCharts.HC.Charts.jsandjquery.min.jsfilesfromDownloadPack>ChartsfoldertoFusionChartsfolder.TheseJavaScriptfileshelpyoueasilyembedFusionChartsXTinyourpageandalsorenderthechartinJavaScript,whenviewedonamachineordevicethatdoesnotsupportFlash.
5.CreateanXMLfile»（CreatinganXMLfileisaseasyascreatingatextfileusingWindowsNotepadoranyothertexteditor.Itisactuallyaplaintextfilewithextension-xml）inMyFirstChartfolderwithnameData.xml.
6.Createthecodegivenbelow（left）,whichistheXML-lizedformofthesalesdatashowninthetable（right）.CopytheXMLcodetoData.xmlfile.
更改图表类型和大小
Tochangethecharttype,allyouhavetodoistoeditthepreviouscodeandchangethenameSWFfiletoPie3D.swf.Let'sseehowthechangeisincorporatedintheHTMLcode（inyourwebpage）.
Changingchart'swidthandheightisaseasyaschangingthecharttype.Youcansetthedimensionsofthecharteitherintermsofpixelsorspecifythepercentagewidthandheightofthechartrelativetoitscontainer（aDIVoranyotherHTMLelement）.Ifthesizeisspecifiedinpixels,thenthechart'sdimensionsremainconstantirrespectiveofthesizeofthecontainer.However,ifthewidthandheightofthechartissetaspercentageofthecontainer,thenthechartautomaticallyadaptsitselftothechangeinsizeofthecontainer.
Settingwidthandheightinpixelvalues
Settingwidthandheightinpercentvalues
Dynamicresizefeatureofcharts
配置图表的背景，帆布，字体，标题，数据图，标签，值，轴，传说，填充和利润率，和数字格式
CustomizingBackgroundcolors
CustomizingChartBorder
Youcanalsohaveaborderaroundthechart.Bydefault,theborderisdisplayedin2Dcharts.In3Dchartsbydefaulttheborderisnotdisplayed.TodisplaytheborderyouneedtosettheshowBorderattributeto'1'.
showBorderborderColorborderThicknessborderAlpha
Usinggradientfillforbackground
Whenusingagradientfillforthebackground,youcansetthealphaandratioinwhichcolorsaretobedistributed,andtheangleatwhichyouwantthegradienttobe.Thefollowingattributeshelpyoudothesame:
ExternalImageorSWFFileasBackground
allyouneedtodoissetbgImagepropertyofelement.Thecodetoembedtheimageisasshownbelow:
XML：
...
JSON：
{
"chart":
{
"bgImage":
"pizza.jpg"
},
...
}
Settingbackgroundastransparent
Applyingeffectstobackground
XML/JSONAttributesforChartCanvas（画布）
XML/JSONAttributesforLegend（只在多系列和组合图标中）
在多系列/组合图表中，每个数据集的系列名称显示在图表的图例。
这有助于你有关数据图系列的名称，它的颜色。
图例不会出现单系列的图表，因为图表中只有一个序列。
从FusionChartsXT，图例是互动的。
也就是说，当你点击每个图例图标，隐藏该项目对应的数据集。
在下面的例子中，利润的图例图标被点击，导致下面的图表。
注意如何盈利图标也被转换为灰度。
显示区域回来，你再次点击这个图标。
showLegend="1"
NumberFormattinginFusionChartsXT
FusionCharts的XT提供了很多的选择在图表上的数字格式。
您可以配置号码前缀和后缀，小数，根据预先定义的规模数字和缩放。
在本节中，我们将看到的数字格式属性FusionChartsXT的支持，并期待在下一节成数字缩放。
使用XML或JSON作为数据源
FusionChartsXTandXML
FusionChartsXT使用XML或JSON数据来渲染图表。
在这两种数据格式，数据文件（或字符串）包含要呈现的数据，图表设置和化妆品。
XML是一种简单和结构化的语言，这是很容易阅读和理解。
下面给出的是XML的基础知识：
XML文档是一个简单的文本文件，由标签和与他们相关的数据组成。
您可以用自己的标签，如存储数据
每个打开的标记需要一个匹配的结束标记，如需要，例如，李四。
如果一个元素没有内容，开始和结束标记可以组合成一个单一的“快捷方式”标签，如。
XML标签是区分大小（case-sesintive）写的。
所以应，或或任何其他变种相同（anyothervariantofthesame）。
您可以定义属性标签提供更详细的信息，例如，JohnDoe。
这里isPetName是一个属性的名称元素。
在FusionChartsXT的，我们四种属性：
布尔Boolean-属性，可以采取0或1的值。
像
数字Number-采取一个数值的属性。
像
字符String-一个字符串值的属性。
像
十六进制颜色代码HexColorCode-一个十六进制的颜色代码（无编号）的属性。
像
将被替换的特殊字符，如'（引号），“（双引号），％（百分比）等由XML转换。
像特征性，”（双引号）必须表示为一个字符串常量"
XML文档是一个简单的文本文件，由标签和与他们相关的数据。
您可以弥补自己的标签，如存储数据
FusionChartsXT的每个图都有一个特定的XML结构。
从广义上讲，我们定义的XML结构分为以下几种类型，根据图表类型：
SingleSeriesCharts
Multi-SeriesCharts
XYPlotCharts
Multi-seriesStackedCharts
ZoomLinechart
FusionChartsXTandJSON
FusionCharts的XT也可以建立图表使用JSON（JavaScriptObjectNotation）的数据格式。
JSON是一种重量轻，易于阅读和理解的简单的数据格式。
虽然来自JavaScript的，独立于语言的数据结构，可用于几乎所有的编程语言的编码器和解析器（encodersandparsers）。
重要提示：
要使用JSON数据格式与FusionChartsXT的，你将需要使用FusionCharts的JavaScript类（FusionCharts.js）嵌入图表，图表内部仍然使用XML。
JavaScript类提供JSON和XML之间的桥梁。
∙以下JSON数据了解一些基本的东西：
JSON数据是基于文本的格式键由数据键和值对组成key:
value。
这些值具有与之相关的数据
可以弥补自己的键-值对像如：
name:
"JohnDoe"来存储数据
每个JSON数据是笼罩大括号和数据键值对是逗号分隔，如{firstName:
"John",lastName:
"Doe"}.。
在JavaScript中，这种格式被称为对象
一个键可以是单个或双引号内的值，例如，{"name":
"JohnDoe"}
∙您可以使用对象作为值。
例如，{"employee":
{"name":
"JohnDoe","department":
"ProjectManager","age":
35}}
oJSON，基本数据类型是：
数字（整数或实）
字符值（双引号的反斜杠转义的Unicode字符串）
布尔值（1或0FusionCharts的JSON）
空
阵列（数目值的有序序列，字符串，布尔值，空值，对象或数组类型，用逗号分开，方括号中），例如["employees":
["Employees",{"name":
"JohnDoe"},35]
∙对象（键：
值对的集合，用逗号分隔，并在大括号内的值可以是数字，字符串，布尔值，空值，对象或数组类型），如
{"employee":
{"name":
"JohnDoe","department":
"ProjectManager","age":
35}}
一个FusionChartsXT的图是由一个单一的JSON数据源控制，也就是说，相同的数据源包含画图的数据，功能设置和外观属性。
，您可以定义每个图表类型的很多属性。
然而，这是没有必要定义的所有属性，对于一个给定的图表。
例如，如果你不想更改默认设置画布（颜色，透明度等），你没有定义任何财产画布-将被假定为默认值。
因此，每一个图表中可以使用最小的属性。
同上
FusionChartsXT的使用JavaScriptAPI
FusionChartsXTandJavaScriptOverview
FusionChartsXT为更好的集成和控制提供了高度增强的JavaScript类。
它和JavaScript/AJAX的无缝结合让你实现以下的作用：
1。
你现有的Flash图表实现自动呈现为纯JavaScript图表iPhone/iPad或相关设备
2。
你可以创建纯JavaScript图表（不是Flash）
3您可以使用面向对象的JavaScript实现的方法，并使用新的对象，静态方法，属性，常量FusionChartsXT的相关
4你可以使用静态函数FusionCharts的访问所有的图表实例呈现在一个页面
5您可以使用更好的和先进的JavaScript事件模型（使用addEventListener功能）听的所有事件。
FusionCharts的XT配备了一台主机的事件，您可以使用
6您可以配置和创建'LinkedCharts'，在v3.2智能钻取功能介绍
7.还引入了更好的打印支持所有基于Mozilla的浏览器使用的属主类
8.现在您可以轻松地处理加载数据通过HTTPS或使用InternetExplorer的安全
升级会员 