Chart配置——数据值(Data Values)

Chart配置——数据值（Data Values）
数据值(Data Values)是指每个数据显示图(Data Plot)上的标识数值。

如一下柱形图(Column)：
上图所示的chart中，$434 或$376 等数值都是显示在柱形(Column)的上方。

这也是数值的默认显示方式。

但你可以通过设置<chart showValues=’0’>来隐藏它，甚至在隐藏之后，你还可以设置当鼠标移动到Column上的时候显示数值。

用文字替换数值
FusionCharts允许你为数据项(Data Item)指定自定义的string类型的值来替换默认的数值型的值。

可以通过类<set>元素添加displayValue属性来指定。

代码如下：
显示结果如下。

每个Data Item的提示文字(tool-tip)依然显示为数值（除非额外指定tool-tip 的格式）。

数值显示模式（Mode）
Chart中的Data Values可以以下面两种模式显示：
1.普通模式（Normal）
2.旋转模式（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’。

代码如下：
显示效果如下：
改变字体（Font）属性
为所有数值应用相同Font
如果你想为chart的所有文本应用相同Font，可以使用baseFont 属性组。

属性组的属性描述如下：
示例如下：
显示效果如下：
在上图中，所有的文本都采用了baseFont的属性组所指定的效果。

如果你想将图表区域(Canvas)内部(包括：Data Values和Data Plot)和外部应用不同的字体，你
需要同时设置baseFont 和outCnvBaseFont 属性组。

baseFont 属性组将应用到chart的所有文本，outCnvBaseFont 将覆盖baseFont的设置，重新设置Canvas 外部的字体。

这样到的两种不同字体的显示效果。

代码如下：
用styles为单独的标签指定字体。

如果你不想让chart的各个文本显示单调的样式，那么你可以用styles单独为每个文本指定特殊的样式。

使用styles可指定不同的字体名称、大小、颜色、背景或加粗和倾斜等。

以下是一个改变了Data Values字体的chart。

代码如下：
应用特效
你也可以用styles为Font应用特效（阴影、模糊、锯齿和发光等）。

如下图所示阴影效果：
代码如下：
以下chart应用了发光(glow)效果：
代码如下：
为Data Values应用动画效果
使用styles还可以为Data Values指定动画效果。

下面的案例中在Data Values的y坐标应用了从上往下的坠落效果。

代码如下：
本章完…………..。