Wie fügen Sie ein Diagramm erstellt, in code, der sich hinter dem gerenderten html-Seite?

Ich versuche zu erstellen .net charting-Steuerung komplett in der code-behind und legen Sie das Diagramm an einer bestimmten Stelle auf der web-Seite.

Hier ist meine html-Seite:

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

<!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>
</head>
<body>
    <form id="form1" runat="server">
    <div id="chart"></div>
    </form>
</body>
</html>

Hier ist der code hinter:

using System;
using System.Drawing;
using System.Web.UI.DataVisualization.Charting;

public partial class _Default : System.Web.UI.Page 
{
    protected void Page_Load(object sender, EventArgs e)
    {
      //SET UP THE DATA TO PLOT  
        double[] yVal = { 80, 20 };
        string[] xName = { "Pass", "Fail" };

      //CREATE THE CHART
        Chart Chart1 = new Chart();

      //BIND THE DATA TO THE CHART
        Chart1.Series.Add(new Series());
        Chart1.Series[0].Points.DataBindXY(xName, yVal);

      //SET THE CHART TYPE TO BE PIE
        Chart1.Series[0].ChartType = System.Web.UI.DataVisualization.Charting.SeriesChartType.Pie;
        Chart1.Series[0]["PieLabelStyle"] = "Outside";
        Chart1.Series[0]["PieStartAngle"] = "-90";

      //SET THE COLOR PALETTE FOR THE CHART TO BE A PRESET OF NONE 
      //DEFINE OUR OWN COLOR PALETTE FOR THE CHART 
        Chart1.Palette = System.Web.UI.DataVisualization.Charting.ChartColorPalette.None;
        Chart1.PaletteCustomColors = new Color[] { Color.Blue, Color.Red };

      //SET THE IMAGE OUTPUT TYPE TO BE JPEG
        Chart1.ImageType = System.Web.UI.DataVisualization.Charting.ChartImageType.Jpeg;

      //ADD A PLACE HOLDER CHART AREA TO THE CHART
      //SET THE CHART AREA TO BE 3D
        Chart1.ChartAreas.Add(new ChartArea());
        Chart1.ChartAreas[0].Area3DStyle.Enable3D = true;

      //ADD A PLACE HOLDER LEGEND TO THE CHART
      //DISABLE THE LEGEND
        Chart1.Legends.Add(new Legend());
        Chart1.Legends[0].Enabled = false;
    }
}

Möchte ich render die charting-Steuerelement innerhalb des div mit der id="chart"

Danke für die Hilfe!

InformationsquelleAutor Ryan | 2010-03-16

  1. 5

    Vorausgesetzt, man installiert das charting framework-ohne jede Probleme:-

    Blick:-

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

<!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>
</head>
<body>
    <form id="form1" runat="server">
    <div id="chart"></div>
        <asp:Chart id="Chart1" runat="server"/>
    </form>
</body>
</html>

    Codebehind:-

    using System;
using System.Drawing;
using System.Web.UI.DataVisualization.Charting;

public partial class _Default : System.Web.UI.Page 
{
    protected void Page_Load(object sender, EventArgs e)
    {
      //SET UP THE DATA TO PLOT  
        double[] yVal = { 80, 20 };
        string[] xName = { "Pass", "Fail" };

      //CREATE THE CHART
        //Don't need to create the chart because it's a control!

      //BIND THE DATA TO THE CHART
        Chart1.Series.Add(new Series());
        Chart1.Series[0].Points.DataBindXY(xName, yVal);

      //SET THE CHART TYPE TO BE PIE
        Chart1.Series[0].ChartType = System.Web.UI.DataVisualization.Charting.SeriesChartType.Pie;
        Chart1.Series[0]["PieLabelStyle"] = "Outside";
        Chart1.Series[0]["PieStartAngle"] = "-90";

      //SET THE COLOR PALETTE FOR THE CHART TO BE A PRESET OF NONE 
      //DEFINE OUR OWN COLOR PALETTE FOR THE CHART 
        Chart1.Palette = System.Web.UI.DataVisualization.Charting.ChartColorPalette.None;
        Chart1.PaletteCustomColors = new Color[] { Color.Blue, Color.Red };

      //SET THE IMAGE OUTPUT TYPE TO BE JPEG
        Chart1.ImageType = System.Web.UI.DataVisualization.Charting.ChartImageType.Jpeg;

      //ADD A PLACE HOLDER CHART AREA TO THE CHART
      //SET THE CHART AREA TO BE 3D
        Chart1.ChartAreas.Add(new ChartArea());
        Chart1.ChartAreas[0].Area3DStyle.Enable3D = true;

      //ADD A PLACE HOLDER LEGEND TO THE CHART
      //DISABLE THE LEGEND
        Chart1.Legends.Add(new Legend());
        Chart1.Legends[0].Enabled = false;
    }
}

    Check-out http://weblogs.asp.net/scottgu/archive/2008/11/24/new-asp-net-charting-control-lt-asp-chart-runat-quot-server-quot-gt.aspx

    Danke für die Antwort. Ich bin versucht, es zu tun, w/o tatsächlich mit der asp:chart-Tags in der aspx-Seite.
    Wenn es wirklich sein muss, könnten Sie ein Literal in der aspx-Seite und verwenden Sie Diagramm.RenderControl setzen Sie seine Eigenschaft text, aber ich weiß nicht wirklich den Punkt sehen. Irgendein besonderer Grund, warum Sie müssen es tun, alle, die in der codebehind?
    Das ist es, was ich am Ende machen.

    InformationsquelleAutor Iain Galloway

  2. 2

    Warum das dynamische rendering-Ansatz? Warum nicht einfach definieren, der tag als:

    Und legen Sie die Attribute für die Steuerung? Alternativ könnten Sie versuchen, indem ein und setzen Sie den text als die gerenderte Antwort, die wickeln Sie es mit einem span. Könnten Sie versuchen, andere Steuerelemente zu tun, wenn Sie einen Fehler mit, dass, wie LiteralControl.

    Wie würde ich mich bewerben, die Antwort, die Sie angegeben, um den code, den ich schon oben. Ich bin ziemlich neu mit .NET... ich bin langsam versucht, mich zu trainieren, verwenden .NET im Gegensatz zum klassischen ASP. Es ist sehr wichtig, dass ich in der Lage bin, zu Rendern des Diagramms an der bestimmten Stelle auf der web-Seite. Danke!
    Sorry, ich dachte, Sie redeten MVC... ich entschuldige mich. Korrigierte ich meine Antwort.

    InformationsquelleAutor Brian Mains

  3. 1

    versuchen
    setzen Sie in aspx:

    div id="chart" runat="server"

    in den code:

    this.chart.Controls.Add(Chart1);

    meinem Fall brauche ich mehr als einen mit Daten aus datatable.

    InformationsquelleAutor Alex Rasquinho

Schreibe einen Kommentar