html5キャンバスタグ - 2dコンテキストレンダリングが動作しない

グラフバーを描画するためにasp.net2010にHTML5キャンバスタグを実装しましたが、以下では動作しないのは、.aspxページに空のページを表示するコードです。私は（クロームやFirefox、IE9のアップデートバージョン）のようなブラウザhtml5キャンバスタグ - 2dコンテキストレンダリングが動作しない

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="CanvasChart.aspx.cs"  Inherits="CanvasChart" %> 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

<html xmlns="http://www.w3.org/1999/xhtml"> 
    <head runat="server"> 
     <title></title> 

     <script src="Scripts/RGraph.bar.js" type="text/javascript"></script> 
     <script type="text/javascript"> 
      window.onload = function() { 

       var data = [280, 45, 133]; 
       var bar = new RGraph.Bar('testroundchart', data); 

       bar.Set('chart.labels', ['Richard', 'Alex', 'Nick']); 
       bar.Set('chart.gutter.left', 45); 
       bar.Set('chart.background.barcolor1', 'white'); 
       bar.Set('chart.background.barcolor2', 'white'); 
       bar.Set('chart.background.grid', true); 
       bar.Set('chart.colors', ['red']); 

       bar.Draw(); 
      } 
     </script> 

    </head> 

    <body> 
     <form id="form1" runat="server"> 
      <div> 
       <canvas id="testroundchart" runat ="server" width="800" height="400"></canvas> 

      </div> 
     </form> 
    </body>

おかげであなたがにさらに2個のスクリプトタグ（RGraph.common.core.jsとexcanvas.original.js）を追加する必要が Bhanu PrakashのInturi

出典

2012-03-22 BHANU PRAKASH INTURI

を使用していますコードを作成する：

<script src="libraries/RGraph.common.core.js" ></script> 
<!--[if lt IE 9]><script src="excanvas/excanvas.original.js"></script><![endif]-->

2番目のスクリプトタグが必要ですInternet Explorerの場合

出典

2012-03-22 20:41:19 Hans

ありがとうございました。 –

html5キャンバスタグ - 2dコンテキストレンダリングが動作しない

答えて

関連する問題