【问题标题】:event.item.valueField showing undefinedevent.item.valueField 显示未定义
【发布时间】:2018-08-23 16:18:43
【问题描述】:

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

【问题讨论】:

    标签: javascript c# jquery asp.net amcharts


    【解决方案1】:

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

    【讨论】:

      猜你喜欢
      • 2016-09-26
      • 1970-01-01
      • 2020-02-18
      • 1970-01-01
      • 2021-12-25
      • 2023-03-21
      • 2020-09-25
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多