Sencha Touch chart - 如何在柱形图中添加标签/值

时间:2012-03-08 04:04:14

标签: sencha-touch sencha-charts

我正在为我的项目使用Sencha Touch图表1.0.0。我想在柱形图中的每个条上添加值。有可能吗?

例如,请参阅图片:我想为每个栏添加值。

Sample chart

任何帮助表示感谢。

3 个答案:

答案 0 :(得分:1)

只需在系列配置中添加

 label: {
                display: 'outside', 
                field: 'score',
                orientation: 'horizontal', // 'vertical'
                text-anchor': 'middle'
            }

答案 1 :(得分:0)

标签配置对我不起作用。

我在系列中使用了labelField:'comedy'

答案 2 :(得分:0)

遇到此问题,发现此解决方案无效。我正在使用Touch Charts 2.0

确实工作:

labelField: 'MyDataValue'

然而,这确实工作:

label: {
    display: 'outside', 
    field: 'score',
    orientation: 'horizontal', // 'vertical'
    text-anchor': 'middle'
}

根据Sencha 2.2.1文档(编写本文时最新),标签配置的默认值为:

label: {
    textBaseline: 'middle',
    textAlign: 'center',
    font: '14px Helvetica'
}

这表明Nag的建议格式略有不同。也许这是自v 1.x以来的变化,或者可能与触摸 ExtJS 之间的差异有关 无论如何 - 希望它可以帮助某人。