クラスの競合私は、このコードとしてupdatePanalを使用して<code>asp.net</code>アプリケーションを構築しようとしているupdatePanal

Question

でタイマーを使用する場合：これは私のdiv要素で更新する前に

 <asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager> 
        <asp:Timer runat="server" id="Timer1" Interval="10000" OnTick="Timer1_Tick"></asp:Timer> 

<asp:UpdatePanel ID="UpdatePanel1" runat="server"> 
    <Triggers> 
       <asp:AsyncPostBackTrigger ControlID="Timer1" EventName="Tick" /> 
      </Triggers> 
    <ContentTemplate> 

      <div class="col-xs-6 col-md-3"> 
       <div class="panel panel-default"> 
        <div class="panel-body easypiechart-panel"> 
         <h4>Humidity </h4> 
         <div class="easypiechart" id="easypiechart-blue" data-percent="4" ><span class="percent">92%</span> 
         </div> 
                      <button class="btn btn-primary">Adjust Humidity</button><br /><br /><br /> 

        </div> 
       </div> 
      </div> 
     </ContentTemplate> 
      </asp:UpdatePanel> 

！ ：

これが起こる理由：それは、この変身更新後

？

Answer 1

おそらく、タイマが目盛りをつけているときにeasypiechartを再構築するjavascript関数を呼び出さなければならないでしょう。すべてのコードの

protected void Timer1_Tick(object sender, EventArgs e) 
{ 
    ScriptManager.RegisterStartupScript(Page, Page.GetType(), "buildPie", "YourBuildPieFunction();", true); 
} 

UPDATE

まず不完全です。コメントに投稿したjavascriptには、document.getElementById('percentH').innerText = percentage + "%";という行があります。しかし、 "percentH"は存在しません。 <span>要素のIDは<span id="percentH" class="percent">92%</span>である必要があります。

第2に、piechartはそのコードによってビルドされていません。

$(function() { 
    $('.easypiechart').easyPieChart({ 
     //your configuration goes here 
    }); 
}); 

のScriptManagerによって呼び出される必要があるjavascriptのコードの一部です：あなたはhttps://rendro.github.io/easy-pie-chart/を使用したり、似たような場合は、どこかのページにこのような何かがあるはずです。