javascript - event.item.valueField 显示未定义

Question

我正在使用 AMCharts，并且尝试使用参数调用 clickGraphItem 事件上的另一个函数。

我需要的参数及其值是:

年份:2017 年(这是我在图表中的类别)

性别:男性/女性(可在 title 或 valueField 中找到。因此，从其中任何一个获取输出都适合我。)

在使用 event.item.category 时，我确实得到了所需的输出，但 event.item.valueField 和 event.item.title 给了我未定义的结果。我什至尝试使用所有其他选项，但我得到的输出是未定义的。请建议我如何获得我正在寻找的输出？

var chart = AmCharts.makeChart("chartYearlydiv", {
                        "type": "serial",
                        "theme": "light",
                        "legend": {
                            "horizontalGap": 10,
                            "maxColumns": 1,
                            "position": "right",
                            "useGraphSettings": true,
                            "markerSize": 10
                        },
                        "dataProvider": chartYearlyData,
                        "valueAxes": [{
                            "stackType": "3d",
                            "position": "left",
                            //"axisAlpha": 0.3,
                            //"gridAlpha": 0
                        }],
                        "graphs": [{
                            "balloonText": "<b>[[title]]</b><br><span style='font-size:14px'>[[category]]: <b>[[value]]</b></span>",
                            "fillAlphas": 0.8,
                            "labelText": "[[value]]",
                            "lineAlpha": 0.3,
                            "title": "Men",
                            "type": "column",
                            "color": "#000000",
                            "valueField": "Men"
                        }, {
                            "balloonText": "<b>[[title]]</b><br><span style='font-size:14px'>[[category]]: <b>[[value]]</b></span>",
                            "fillAlphas": 0.8,
                            "labelText": "[[value]]",
                            "lineAlpha": 0.3,
                            "title": "Women",
                            "type": "column",
                            "color": "#000000",
                            "valueField": "Women"
                        }],
                        "categoryField": "Year",
                        "plotAreaFillAlphas": 0.1,
                        "depth3D": 60,
                        "angle": 30,
                        "categoryAxis": {
                            "gridPosition": "start",
                            "axisAlpha": 0,
                            "gridAlpha": 0,
                            "position": "left"
                        },
                        "listeners": [{
                            "event": "clickGraphItem",
                            "method": function (event) {
                                alert(event.item.category + event.item.title);
                                LoadMonthly(event.item.category);
                            }
                        }],
                        "export": {
                            "enabled": true
                        }
                    });

Answer 1

您可以使用event.item.values.value获取事件中的值。请参阅 graphDataItem 的文档这是您从 clickGraphItem event 中提取类别的对象因为 values 属性包含该内容以及更多内容。 clickGraphItem 事件还允许您访问 graph object该项目所属，允许您通过 event.graph.title 直接从中提取 title 属性。