event.item.valueField 显示未定义

Question

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

我需要的参数及其值是：

年份：2017（这是我在图表中的类别）

性别：Men/Women（在标题或值字段中可用。因此从它们中的任何一个获取输出对我都有效。）

在使用 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 which is the object you're pulling your category from in the clickGraphItem event as the values property contains that and more. The clickGraphItem event also gives you access to the graph object 的文档，允许您通过 event.graph.title.

直接从中提取 title 属性

event.item.valueField 显示未定义

event.item.valueField showing undefined

javascript

c#

asp.net

jquery

amcharts