如何在am图表中创建点击事件?

时间:2016-02-03 12:03:53

标签: javascript jquery amcharts

var chart = var chart = AmCharts.makeChart( "chartdiv", {
  "type": "pie",
  "theme": "light",
  "dataProvider": [ {
    "title": "petrol",
    "value": 3540
  }, {
    "title": "Diesel",
    "value": 1320
  } ],
  "titleField": "title",
  "valueField": "value",
  "labelRadius": 5,

  "radius": "42%",
  "innerRadius": "60%",
  "labelText": "[[title]]",
  "export": {
    "enabled": true
  }
} );.makeChart( "chartdiv", {
      "type": "pie",
      "theme": "light",
      "dataProvider": [ {
        "title": "petrol",
        "value": 3540
      }, {
        "title": "Diesel",
        "value": 1320
      } ],
      "titleField": "title",
      "valueField": "value",
      "labelRadius": 5,

      "radius": "42%",
      "innerRadius": "60%",
      "labelText": "[[title]]",
      "export": {
        "enabled": true
      }
    } );

如何使用java-script在am-charts中创建click事件 在汽油事件。

2 个答案:

答案 0 :(得分:1)

关于文档,您可以选择clickGraphclickGraphItem

AmCharts Doc

答案 1 :(得分:0)

AM图表支持许多不同的事件和本地事件处理程序,用于不同的图表对象,如图例,值/类别轴,图表等。

对于"馅饼"在您的示例中使用的图表类型,只要有人点击其中一个饼图,就会触发clickSlice事件。

首先,您需要为图表对象添加一个侦听器,以便在触发时抓取该事件:

// add click listener
chart.addListener("clickSlice", handle_slice_click);

然后你需要为该事件添加实际的处理程序:

function handle_slice_click(event)
{
    // handle your event here
}

如果您可以添加有关您尝试完成的更多信息,我们可能会以更具体的方式提供帮助。

如果您希望查看v3饼图中的所有可用事件,there's more info here.