Chart配置——数据值(DataValues)教程.docxVIP

Chart配置——数据值（Data Values） 数据值(Data Values)是指每个数据显示图(Data Plot)上的标识数值。如一下柱形图(Column)： 上图所示的chart中，$434 或 $376 等数值都是显示在柱形(Column)的上方。这也是数值的默认显示方式。但你可以通过设置chart showValues=’0’来隐藏它，甚至在隐藏之后，你还可以设置当鼠标移动到Column上的时候显示数值。 用文字替换数值 FusionCharts允许你为数据项(Data Item)指定自定义的string类型的值来替换默认的数值型的值。可以通过类set元素添加displayValue属性来指定。代码如下： chart yAxisName=Sales Figure caption=Top 5 Sales Person numberPrefix=$ useRoundEdges=1 bgColor=FFFFFF,FFFFFF showBorder=0 baseFontSize=11? set label=Alex value=25000 ?/ ? set label=Mark value=35000 / ? set label=David value=42300 displayValue=Yearly best, $42.3K/ ? set label=Graham value=35300 / ? set label=John value=31300 //chart 显示结果如下。每个Data Item的提示文字(tool-tip)依然显示为数值（除非额外指定tool-tip的格式）。 数值显示模式（Mode） Chart中的Data Values可以以下面两种模式显示： 普通模式（Normal） 旋转模式（Rotated） 在Column图形中，你还可以指定Data Values是显示在Column的内部(inside)还是外部(outside)。 旋转模式 默认情况下，FusionCharts以水平方式显示Data Values。但可通过设置chart rotateValues=’1’来旋转显示。效果如下： 将Data Values置于Column的内部 通过设置chart placeValuesInside=’1’来完成。效果如下： 你还可以同时设置“旋转”和“置于内部”效果，chart rotateValues=1 placeValuesInside=1。效果如下： 显示指定Data Item的Data Values 想要只显示某个Data Item的Data Values，可先将设置chart showValues=’0’，然后将某个set元素的showValue=’1’。代码如下： chart numberPrefix=$ showValues=0? ? set label=Jan 2006 value=434 /? ? set label=Feb 2006 value=376 showValue=1/? ? set label=Mar 2006 value=343 /? ? set label=Apr 2006 value=234 /? ? set label=May 2006 value=356 //chart 显示效果如下： 改变字体（Font）属性 为所有数值应用相同Font 如果你想为chart的所有文本应用相同Font，可以使用 baseFont 属性组。属性组的属性描述如下： 属性描述示例baseFont设置字体格式，如: Arial, Verdana baseFont=VerdanabaseFontSize设置字体大小 (8-72)baseFontSize=10baseFontColor设置字体元素，采用不带#号的十六进制表示法。如： 000000 or 009933 或 999999baseFontColor=009933 示例如下： chart caption=Quarterly Sales Summary subcaption=Figures in $ xAxis=Quarter yAxisName=Sales baseFont=Arial baseFontSize=12 baseFontColor=333333? ?set label=Quarter 1 value=420500 /? ?set label=Quarter 2 value=295400 /? ?set label=Quarter 3 value=523400 / ? ?set label=Quarter 4 value=465400 / /chart