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


< FusionChart最新版本下载>

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



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

数据标签的显示模式

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

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

Auto模式

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

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

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

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

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

JSON:

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


N-th Label模式

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





评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值