AmChart:导出图表时添加指南列
AmChart: Adding Guide column when exporting a chart
我有一个 Line AmChart,我在其中用指南标记了特定数量的数据。我想在导出整个数据时将指南导出为一列。
例如,
date visits
14/10/2017 36
15/10/2017 40
16/10/2017 39
17/10/2017 41
18/10/2017 36
19/10/2017 32
20/10/2017 33
21/10/2017 54
22/10/2017 60
23/10/2017 48
24/10/2017 56
25/10/2017 72
26/10/2017 72
27/10/2017 39
28/10/2017 58
29/10/2017 69
30/10/2017 75
31/10/2017 66
01/11/2017 45
我已经成功地动态添加了 Guides 并向其中添加了一个字符串。
我想导出如下所示的数据:
date visits
14/10/2017 36
15/10/2017 40
16/10/2017 39
17/10/2017 41
18/10/2017 36
19/10/2017 32 tag1
20/10/2017 33 tag1
21/10/2017 54 tag1
22/10/2017 60 tag1
23/10/2017 48 tag1
24/10/2017 56
25/10/2017 72
26/10/2017 72
27/10/2017 39 tag2
28/10/2017 58 tag2
29/10/2017 69 tag2
30/10/2017 75 tag2
31/10/2017 66
01/11/2017 45
代码位于 JSFiddle。
指南不被视为数据,因为它们不是图表 dataProvider
数组的一部分,因此默认情况下它们不会以任何数据格式导出。为了使指南包含在数据导出中,您必须将指南文本添加到 dataProvider
。这是对处理它的 selected
侦听器的非常基本的修改:
chart.chartCursor.addListener("selected", function(event) {
// guide setup omitted
var cursor = event.startIndex;
while (cursor <= event.endIndex) {
chart.dataProvider[cursor]["guide"] = text;
++cursor;
}
//add guide/validate omitted
});
我有一个 Line AmChart,我在其中用指南标记了特定数量的数据。我想在导出整个数据时将指南导出为一列。
例如,
date visits
14/10/2017 36
15/10/2017 40
16/10/2017 39
17/10/2017 41
18/10/2017 36
19/10/2017 32
20/10/2017 33
21/10/2017 54
22/10/2017 60
23/10/2017 48
24/10/2017 56
25/10/2017 72
26/10/2017 72
27/10/2017 39
28/10/2017 58
29/10/2017 69
30/10/2017 75
31/10/2017 66
01/11/2017 45
我已经成功地动态添加了 Guides 并向其中添加了一个字符串。
我想导出如下所示的数据:
date visits
14/10/2017 36
15/10/2017 40
16/10/2017 39
17/10/2017 41
18/10/2017 36
19/10/2017 32 tag1
20/10/2017 33 tag1
21/10/2017 54 tag1
22/10/2017 60 tag1
23/10/2017 48 tag1
24/10/2017 56
25/10/2017 72
26/10/2017 72
27/10/2017 39 tag2
28/10/2017 58 tag2
29/10/2017 69 tag2
30/10/2017 75 tag2
31/10/2017 66
01/11/2017 45
代码位于 JSFiddle。
指南不被视为数据,因为它们不是图表 dataProvider
数组的一部分,因此默认情况下它们不会以任何数据格式导出。为了使指南包含在数据导出中,您必须将指南文本添加到 dataProvider
。这是对处理它的 selected
侦听器的非常基本的修改:
chart.chartCursor.addListener("selected", function(event) {
// guide setup omitted
var cursor = event.startIndex;
while (cursor <= event.endIndex) {
chart.dataProvider[cursor]["guide"] = text;
++cursor;
}
//add guide/validate omitted
});