《FusionChart3完全入门手册》由会员分享，可在线阅读，更多相关《FusionChart3完全入门手册（13页珍藏版）》请在金锄头文库上搜索。
1、真诚为您提供优质参考资料，若有不当之处，请指正。FusionChart3完全入门手册-从本节起，我们详细介绍每种图表的详细参数和使用方法，我们从2D柱状图说起。一个柱状图对象的内容包含很多方面，下面给出一个列表。图表数据 其他图表对象功能属性 标题和轴名称 图表修饰 分区线/网格 工具提示 填充和边距 元素 绘图修饰数字格式 文字属性 垂直线 趋势线我们先从图表对象说起。什么是图表对象?我们还是得先看数据文件，如下代码 12345678910这里 caption xAxisName 等都是图表对象，来表示我们chart的一个属性，即“标题”“X轴名称”等，在fusioncharts中，系统定义
2、了很多的图标对象，每种展示类型（柱状图、饼图等）的图表对象有些是通用的有些是非通用。这些对象不需要我们都记忆，但是在需要的时候能知道去什么地方查找就可以，以我看来，fusioncharts已经做得非常完备，基本上你能想到的地方它都可以实现。对象名 描述 功能支持 动画参数支持 BACKGROUND BACKGROUND 是指图表的整个背景 AnimationShadowGlowBevelBlur_alpha_x_y_xScale_yScaleCANVAS 在2D图表中， CANVAS是指实际图表绘制区域.它是一个有界矩形。在3D图表中，它指的是在三维基础上建立的列。 AnimationShad
3、owGlowBevelBlur_alpha_x_y_xScale_yScaleCAPTION CAPTION 指图表的标题. AnimationFontShadowGlowBevelBlur_alpha_x_yDATALABELS DATALABELS 指的是X轴的数据标签. AnimationFontShadowGlowBevelBlur_alpha_x_yDATAPLOT DATAPLOT 指的是图表的实际描绘。例如，在2D柱状图中，列被称为DataPlot. 在饼图中是饼，在气泡图中是气泡等。 AnimationShadowGlowBevelBlur_alpha_x_y_xScale_y
4、ScaleDATAVALUES DATAVALUES 指的是描绘的值如每个数据（折线、列、条、饼等），这是数据图旁边显示的值。 AnimationFontShadowGlowBevelBlur_alpha_x_yDIVLINES DIVLINES 是画布上的水平或垂直线。每一个分区线把轴分为较小的单位帮助用户理解图表。 AnimationShadowGlowBevelBlur_alpha_y_yScaleHGRID HGRID 是指两个连续的横向分区线替代颜色带。 AnimationShadowGlowBevelBlur_alpha_y_xScale_yScaleSUBCAPTION SUBC
5、APTION指的是图表子标题。 AnimationFontShadowGlowBevelBlur_alpha_x_yTOOLTIP TOOLTIP指的是当鼠标悬停在数据图上的提示信息。 FontTRENDLINES TRENDLINES 指的是跨越图表画布的水平、垂直线。它可以对一些预先确定的价值提供帮助。 AnimationShadowGlowBevelBlur_alpha_y_xScale_yScaleTRENDVALUES TRENDVALUES 指趋势线（如果显示任何值）。 AnimationFontShadowGlowBevelBlur_alpha_x_yVLINES VLINES
6、是垂直分割线帮助你分割数据块。这些线贯穿图表的上下，从而分成不同的数据块。在条形图中，他们是图表水平贯穿水平线。 AnimationShadowGlowBevelBlur_alpha_x_y_yScaleVLINELABELSVLINELABELS 指任何已创建的垂直线分隔标签。AnimationFontShadowGlowBevelBlur _alphaXAXISNAME XAXISNAME 指的是X轴图表的标题。 AnimationFontShadowGlowBevelBlur_alpha_x_yYAXISNAME YAXISNAME指的是Y轴图表的标题。 AnimationFontSha
7、dowGlowBevelBlur_alpha_x_yYAXISVALUES YAXISVALUES 指的是有限值或分割线值，这是沿Y轴图表显示。 AnimationFontShadowGlowBevelBlur_alpha_x_y_rotation查看了上述的对象概念后，我们来看看激动人心的功能属性，这些是我们在后续工作中会经常打交道的内容，大家应该对这部分重点了解。 元素属性 功能属性 这些属性可以控制图表上的各种功能元素。例如，你可以选择显示/隐藏数据标签，数据值，y轴值。你还可以设置图表的限制和扩展属性。 属性名 类型 范围 描述 animation 布尔 0/1 此属性可让您选择来控制
8、你的图表动画。如果你不希望任何图表的动画部分，设置为0。 palette 数值 1-5 FusionCharts v3 介绍了调色板的概念。每个图表有5预先定义的调色板，你可以选择。每个调色板中的图表呈现不同的颜色主题。有效值为1-5。 paletteColors字符串由逗号分隔的16进制颜色代码虽然调色板属性允 许选择一个调色板主题适用于图表的背景，画布，字体和工具提示，它不改变数据项（即，列，行，饼图等）的颜色。使用paletteColors属性，您可 以指定您为十六进制的颜色自定义数据项列表。颜色的名单必须由逗号如分开。图表将循环通过指定的颜色列表，然后提供相应的数据图。 要为整个Web
9、应用程序所有的图表设置相同的颜色，你可以保存在应用程序中使用的调色板的颜色列表，然后在全球每个图表中提供相同的XML。showAboutMenuItem布尔0/1设置为1显示图表中的自定义上下文菜单，可定制以显示您的文字，可以链接到您的网址。例如，您可以设置图表的上下文菜单，包括“关于您的公司名称”，然后链接到你的公司主页。默认情况下，点击该图表显示“关于FusionCharts”。aboutMenuItemLabel字符串为上下文菜单项设置的自定义标签。aboutMenuItemLink字符串URL自定义上下文菜单项的链接。使用FusionCharts的链接格式链接才能打开新的窗口一样，弹出
10、窗口，框架或JavaScript链接。showLabels 布尔 0/1 它设置是否在X轴标签将被显示或不配置。 labelDisplay 字符串 WRAP, STAGGER, ROTATE or NONE 使用此属性，您可 以控制将出现在图表上您的数据标签（X轴标签）。有4个选项: WRAP, STAGGER, ROTATE or NONE. WRAP 如果它的长度超过所分配的面积包装标签的文字. ROTATE 旋转在垂直或倾斜位置标签. STAGGER 分成多行的标签. rotateLabels 布尔 0/1 此属性允许您设置数据标签是否会显示为旋转图表上的标签. slantLabels
11、布尔 0/1 如果您选择了显示旋转的图表标签，这个属性允许您设置的配置标签是否会显示为倾斜标签或完全垂直的。 labelStep 数值 1或以上 默认情况下，所有标签都显示在图表上.如果你有一系列数据（如月份、日期、星期名称），你可以为了清晰隐藏每个n-th标签。这个标签只是允许你这么做。它可以跳过n个x轴标签。 staggerLines 数值 2 或以上 如果您选择STAGGER作为标签显示模式，使用这个属性可以控制错开多少线。默认情况下，所有标签都显示在一行。 showValues 布尔 0/1 设置数据值是否会沿着图表数据描绘显示。 rotateValues 布尔 0/1 如果您选择了显
12、示数据值，你可以旋转它们使用此属性。 placeValuesInside 布尔 0/1 如果您选择了显示数据值，可以在列中使用这属性显示。默认情况下，显示的值在数据列的外部。 showYAxisValues 布尔 0/1 FusionCharts 的Y轴被分割线分为不同的部分。每个分割线显示此部分的值。使用此属性你可以是否显示这些分割线的值。 showLimits 布尔 0/1 是否显示图表的限值。 showYAxisValues是v3单独的新属性。 showDivLineValues 布尔 0/1 是否显示分区线的值。 showYAxisValues是v3单独的新属性。 yAxisValuesStep 数值 1或以上 默认情况下，所有分区线显示它们的值。但是，您可以选择跳过每x（次）分区线使用这个属性值 showShadow
