2017-04-25 7 views
0

私はモリスドーナツチャートを用いて、次のAMは私のコードです:モリスドーナツグラフ:クリックイベントに要素のラベルを取得する方法

$(document).ready(function() { 

    var data_dg = @Html.Raw(Json.Encode(Model)) 
    donut_chart_data = []; 

    for (var i = 0; i < data_dg.length; i++) { 
     var iName = data_dg[i].ItemName; 
     var Cnt = data_dg[i].Count; 

     donut_chart_data[i] = { 
      label: iName, 
      value: Cnt 
     }; 

    } 

    Morris.Donut({ 
     element: 'donut-graph', 
     colors: ['#D3696C', '#db9b9d', '#f74c52', '#632527', '#a3304f', '#820202', '#6d4141'], 
     data: donut_chart_data 
    }); 


    $("#donut-graph").click(function (i, row) { 

     var ItemName = 'Paper'; 
     $.ajax({ 
      type: "POST", 
      url: '/Home/GetDataByID', 
      contentType: "application/json; charset=utf-8", 
      data: '{ ItemName: "'+ItemName+'" }', 
      dataType: "json", 
      success: function (response) { 
       alert('success'); 
      }, 
      failure: function (response) { 
       alert(response.responseText); 
      }, 
      error: function (response) { 
       alert(response.responseText); 
      } 
     }); 
    }); 
}); 

そして、あなたは、クリックイベントに見るように、私は、送信しようとしていますパラメータItemName現在ハードコードされていますが、ユーザーがクリックした要素のラベルをパラメータ値として送信したいとします。

答えて

0
row.label 

はあなたにクリックした要素

のラベルを与えます
関連する問題