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

【问题标题】：Sencha Touch chart - How to add label/value in column chartSencha Touch chart - 如何在柱形图中添加标签/值
【发布时间】：2012-03-08 04:04:14
【问题描述】：

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

例如，看图片：我想为每个条添加值。

任何帮助表示赞赏。

【问题讨论】：

标签： sencha-touch sencha-charts

【解决方案1】：

只需将其添加到您的系列配置中

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

【讨论】：

谢谢，它有效。只需将 field 更改为 ['unit1', 'unit2'] 即可将其显示在组中的第二个栏上。

【解决方案2】：

标签配置不适合我。

我在系列中使用了labelField:'comedy'，它可以工作。

【讨论】：

【解决方案3】：

遇到这个问题，发现这个解决方案不起作用。我正在使用 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 以来的变化，或者可能与 Touch 和 ExtJS 之间的差异有关无论如何-希望它可以帮助某人。

【讨论】：