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

标签 javascript c# jquery asp.net amcharts

我正在使用 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
                        }
                    });

最佳答案

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

关于javascript - event.item.valueField 显示未定义,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51990225/

相关文章:

c# - WCF Ajax 服务 - 如何将数组或 JSON 传递给服务?方法参数类型应该是什么?

javascript - 为什么此处不显示 FullCalendar?

javascript - 如何在javascript中区分iPhone 4和iPhone 4s

Javascript 将变量传递给事件函数

javascript - 将字符串参数传递给 JavaScript 函数

javascript - 我们如何通过Java脚本获取日期天数(当前日期和 future 日期)的差异

JavaScript & C# - 如何检查隐藏元素的值

C# - 限制消息队列

javascript - 如何在类型为 NUMBER 的 Chrome INPUT 中显示 X(清除)?

javascript - 将模型项 id 从 Html.ActionLink 传递给 jquery 函数