Chart配置——数据值(DataValues).docx

Chart配置——数据值（Data Values）数据值(Data Values)是指每个数据显示图(Data Plot)上的标识数值。如一下柱形图(Column)：上图所示的chart中，$434 或 $376等数值都是显示在柱形(Column)的上方。这也是数值的默认显示方式。但你可以通过设置chart showValues=’0’来隐藏它，甚至在隐藏之后，你还可以设置当鼠标移动到Column上的时候显示数值。用文字替换数值FusionCharts允许你为数据项(Data Item)指定自定义的string类型的值来替换默认的数值型的值。可以通过类set元素添加displayValue属性来指定。代码如下：chartyAxisName=Sales Figurecaption=Top 5 Sales PersonnumberPrefix=$useRoundEdges=1bgColor=FFFFFF,FFFFFFshowBorder=0baseFontSize=11? setlabel=Alexvalue=25000 ?/? setlabel=Markvalue=35000/? setlabel=Davidvalue=42300displayValue=Yearly best, $42.3K/? setlabel=Grahamvalue=35300/? setlabel=Johnvalue=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’。代码如下：chartnumberPrefix=$showValues=0? ? setlabel=Jan 2006value=434/? ? setlabel=Feb 2006value=376showValue=1/? ? setlabel=Mar 2006value=343/? ? setlabel=Apr 2006value=234/? ? setlabel=May 2006value=356//chart显示效果如下：改变字体（Font）属性为所有数值应用相同Font如果你想为chart的所有文本应用相同Font，可以使用 baseFont 属性组。属性组的属性描述如下：属性描述示例baseFont设置字体格式，如: Arial, Verdana baseFont=VerdanabaseFontSize设置字体大小 (8-72)baseFontSize=10baseFontColor设置字体元素，采用不带#号的十六进制表示法。如： 000000 or 009933 或 999999baseFontColor=009933示例如下：chartcaption=Quarterly Sales Summarysubcaption=Figures in $xAxis=QuarteryAxisName=SalesbaseFont=ArialbaseFontSize=12baseFontColor=333333? ?setlabel=Quarter 1value=420500/? ?setlabel=Quarter 2value=295400/? ?setlabel=Quarter 3value=523400/? ?setlabel=Quarter 4value=465400//chart显示效果如下：在上图中，所有的文本都采用了baseFont的属性组所指定的效果。如果你想将图表区域(Canvas)内部(包括：Data Values和Data Plot)和外部应用不同的字体，你需要同时设置 baseFont 和 outCnvBa