Question

我正在为我的项目使用Sencha Touch图表1.0.0。我想在折线图中的每个点上添加值（如图中所示）。我在this question for column chart中尝试了相同的方法，但没有成功。

enter image description here

Answer 1

我遇到了同样的问题。但我找到了一个解决方案。您可以在行的每个节点添加标记，当您单击标记时，弹出窗口将根据需要显示详细信息。这是我的代码可以帮助你：

- 在系列的cofig中添加标记：

type: 'line',
            title: 'Clickeds : ' + total[4] + ' ( ' + Math.round(arrInfo[4]) + '% )',
            highlightCfg: { scale : 0.7 },
            xField: 'Date', yField: 'Clks',
            style : {
                stroke: 'rgb(50, 185, 150)',
                miterLimit : 3,
                lineCap: 'miter',
                lineWidth: 2
            }
            ,
            marker:{
                type: 'image',
                src: 'resources/images/square.png',
                width: 24,
                height: 24,
                x: -12,
                y: -12,
                scale: 0.5,
                fx: {
                    duration: 200
                }
            }

单击节点时处理事件，将监听器添加到图表的配置：`listeners：{ itemtap：function（series，item，event，eOpts）{ //在这里处理你的代码。
```
                           }`
```

此致（抱歉英文不好。）

Sencha Touch chart - 如何在折线图中添加标签/值

1 个答案: