您的位置:首页 > 其它

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

2016-01-11 16:30 323 查看



< 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个标签,而不用显示所有标签。

{
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: