FusionCharts中文教程:自定义图表——数据标签

来源:互联网 发布:阿里云2t流量服务器 编辑:程序博客网 时间:2024/05/21 06:25


< FusionChart最新版本下载>

数据标签指显示在图表的X轴的数据点的名称。如下图所示:


图中的Jan、Feb、Mar等就是图表的数据标签。

数据标签的显示模式

在FusionCharts中你可以根据自己的需求来配置数据标签的排列和显示属性。FusionCharts提供5种不同的显示模式。用于设置数据标签显示模式的属性如下表所示:

属性名称描述labelDisplay用于自定义数据标签的对齐方式。5种可供选择的选项:auto、wrap、stagger、rotate或none。默认情况下该属性设置为auto模式。如果你不需要设置X轴标签,将labelDisplay设置为none即可。

Auto模式

伦理片 http://www.dotdy.com/

在该模式下图表自动选择合适的数据标签显示模式-取决于可用的空间。如果数据标签的数量比可用空间大,那么数据标签要么截断(用省略号替换)、包裹或旋转。 当鼠标悬停在截断的数据标签上,将会显示完整的标签文本。Auto模式的2D图表如下图所示:


在Auto模式自定义数据标签所需属性如下表:

属性名称描述labelDisplay用于自定义数据标签的对齐方式。5种可供选择的模式:auto、wrap、stagger、rotate或none。默认情况下设置为auto模式。useEllipsesWhenOverflow当使用auto模式,长数据标签被截断用省略号替换超出X轴范围的部分。默认值为1。

设置auto模式的数据结构如下:

影音先锋电影 http://www.iskdy.com/

N-th Label模式

如果你的数据图呈现的是连续的数值。如日期、事件、温度等。你可以使用labelstep属性来显示每第N个标签,而不用显示所有标签。





{
0 0