2016-05-12 40 views
-1

こんにちはすべて私はjqueryファイルを持っています。次の行を付けてください。JQueryファイルからの呼び出し値

var gridbordercolor = "#eee"; 
var InitiateChartJS = function() { 
    return { 
     init: function() { 

      var doughnutData = [ 
        { 
         value: 30, 
         color: themeprimary 
        }, 
        { 
         value: 50, 
         color: themesecondary 
        }, 
        { 
         value: 100, 
         color: themethirdcolor 
        }, 
        { 
         value: 40, 
         color: themefourthcolor 
        }, 
        { 
         value: 220, 
         color: themefifthcolor 
        } 

      ];   
      }; 
      new Chart(document.getElementById("doughnut").getContext("2d")).Doughnut(doughnutData); 
     } 
    }; 
}(); 

- このだから今、私は価値が私の.aspxのファイルに

をWebMethod属性を使用して変更したいいずれかがどのように私を助けることができる

         <div class="chartcontainer"> 
              <canvas id="doughnut" height="300"></canvas> 

             </div> 
            </div> 

私のaspxファイルのコードですこれらの値を動的に変更できますか?

+0

「これらの値を動的に変更する」という正確な意味は?具体的に何をしようとしているのですか? – David

+0

私は値がjson形式で送られている部署のパフォーマンスのためのWebサービスを書いています。これらの値を上記のjqueryメソッドに代入したいだけです。 jqueryは、私が最近ダウンロードしたブートストラップテンプレートからのものです。 –

+0

まず、表示しているコードにjQueryが使用されていません。これは単にJavaScriptと呼ばれています。また、そのコメントの中であなたが話している「Webサービス」が何であっても、質問には何も言及されていません。それとは別に、あなたが達成しようとしていることはまだ明確ではありません。ここではハードコードされたものとは異なる数値を使用しますか?次に、別のものを使用してください。あなたがこれをやり遂げるのを妨げるのは何ですか?たぶん、あなたがしようとしていることを明らかにし、それが期待どおりにいかなかったかを説明して、あなたがしようとしていることを明確にすることができますか? – David

答えて

0

function LoadChart() { 
 
$.ajax({ 
 
       type: "POST", 
 
       url: "CS.aspx/GetCustomers", 
 
       data: "{}", 
 
       contentType: "application/json; charset=utf-8", 
 
       dataType: "json", 
 
       success: function (r) {      
 
        var data = eval(r.d); 
 
        golbaldou = data; 
 
        new Chart(document.getElementById("doughnut").getContext("2d")).Doughnut(data); 
 
        }, 
 
       failure: function (response) { 
 
        alert('There was an error.'); 
 
       } 
 
      }); 
 
     }

と、ここで示すように主な機能には、この機能の追加を手伝ってくれた私の友人のDavidへ

var InitiateChartJS = function() { 
 
      return { 
 
       init: function() { 
 
        debugger; 
 
        LoadChart(); 
 
        var doughnutData = golbaldou; 
 
      .................... 
 
      
 
     

おかげで私の問題を解決しました。 ..

関連する問題