html5 tag - не работает рендеринг 2d контекста - PullRequest
1 голос
/ 22 марта 2012

Я реализовал HTML-тег canvas в asp.net2010 для рисования графических панелей, но ниже он не работает - это код, который я реализую на своей странице .aspx, где отображается пустая страница.Я использую такие браузеры, как (обновленная версия Chrome, Firefox, IE9)

<%@ 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>

Спасибо Bhanu Prakash Inturi

1 Ответ

0 голосов
/ 23 марта 2012

Вы должны добавить еще два тега скрипта (RGraph.common.core.js и excanvas.original.js), чтобы ваш код работал:

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

Второй тег скрипта необходим только для Internet Explorer.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...