ASP.NET chart controls - wie erstelle ich diese bar chart?

Bekam ein chart-Steuerelement ich möchte aus den Daten einer Tabelle.

die Tabelle sieht wie folgt aus:

alt-text http://www.freeimagehosting.net/uploads/5d02ce1558.png

das Diagramm will ich sehen wie folgt aus:

''' 
''''
'''''       '' '  
'''''       '' '
ECCTMP      ECCTMP       ECCTMP   
Monday      Tuesday      Wednesday

hoffe, das macht Sinn für jeden Tag seine gruppiert b y den Typ (E-Mail, Anrufe).

Ich bin gerade jetzt sicher, wie die Datenbindung?

Billy

Können Sie mehr details der backend-Struktur der datatable?

InformationsquelleAutor iamjonesy | 2010-04-21

5

Wenn Sie schauen, um Gruppe-Serie in einem Balkendiagramm dann müssen Sie mit der Chart.DataBindTable Methode (MSDN).

Fügen Sie einfach den folgenden code:
```
Chart1.DataBindTable(IEtable, "Day");
```
Dies wird produzieren ein Diagramm, das in etwa so aussieht wie die folgende:

Hier einige dummy-code zu verwenden, wie ein test:
```
DataTable table = new DataTable();
table.Columns.Add("Day", typeof(string));
table.Columns.Add("Email", typeof(int));
table.Columns.Add("Calls", typeof(int));
table.Columns.Add("Contacts", typeof(int));
table.Columns.Add("Tasks", typeof(int));
table.Columns.Add("Meetings", typeof(int));
table.Columns.Add("Proposals", typeof(int));

table.Rows.Add("Monday", 1, 3, 3, 4, 5, 5);
table.Rows.Add("Tuesday", 1,6,8,2,0,3);
table.Rows.Add("Wednesday", 7, 6,3,0,2,1);
table.Rows.Add("Thursday", 1,5,5,9,3,1);
table.Rows.Add("Friday", 4,7,3,5,2,3);

//convert datatable to a IEnumerable form
var IEtable = (table as System.ComponentModel.IListSource).GetList();

//Bind the datatable to the chart using the DataBindTable method
Chart1.DataBindTable(IEtable, "Day");
```
Ist es auch möglich, die Etiketten angezeigt, wie Sie es beschreiben mit ECCTMP aber das hinzufügen einer Legende, sehen wahrscheinlich sauberer.
- Dieser code sieht genial danke, kann nicht warten, es zu versuchen. Ich lasse Sie wissen, wie ich auf Sie!
- Froh zu hören, es funktioniert für Sie. Es ist auch möglich, die Etiketten, wie Sie schrieb, in Ihre Frage, so dass Sie wie "ECCTMP Montag" aber ich hatte angenommen, dass die Legende würde genauso gut funktionieren für Sie.
- Es Säulendiagramm Recht, Wenn ich wollen gleich in Bar Diagramm dann wie ich es tun ? Ich habe versucht den gleichen code, aber es wirft einen Fehler "Diagrammfläche, Achsen, Diagrammbereich enthält inkompatible chart-Typen. Zum Beispiel, Balkendiagramme und Säulendiagramme nicht existieren können in das gleiche Diagramm." Ich glaube, dass etwas fehlt im mark-up.
- Ich kann das nicht ändern/aktualisieren Sie die Antwort hier aber die post eine neue Frage, die ich beantworten kann, dass man für Sie.
- Vielen Dank für Ihre Antwort. Ich habe bereits die Frage gepostet. Hier ist der link, stackoverflow.com/questions/15553875/...
InformationsquelleAutor NakedBrunch

protected void Page_Load(object sender, EventArgs e)
    {

        Title tl = new Title("Players Score Card");
        tl.Font = new System.Drawing.Font("vardana",12);
        //chrtGroup.Titles.Add(tl);
        //ChartArea a = new ChartArea("players");
        //a.AxisX.Title = "Player's Yearwise";
        //a.AxisY.Title = "Scores";
        //chrtGroup.ChartAreas.Add(a);


        DataTable dt = new DataTable();
        dt.Columns.Add("Years", typeof(int));
        dt.Columns.Add("Afridi", typeof(int));
        dt.Columns.Add("Akmal", typeof(int));
        dt.Columns.Add("Nasir", typeof(int));
        dt.Columns.Add("Shoib",typeof(int));
        dt.Columns.Add("Hafiz", typeof(int));


        Random rn = new Random();
        for (int i = 1; i < 10; i++)
        {
            DataRow dr = dt.NewRow();
            dr["Years"] = "200" +i;
            dr["Afridi"] = 700 + rn.Next(200,800);
            dr["Akmal"] = 500 + rn.Next(200,800);
            dr["Nasir"] = 400 + rn.Next(200,800);
            dr["Shoib"] = 800 + rn.Next(300,500);
            dr["Hafiz"] = 200 + rn.Next(200, 900);
            dt.Rows.Add(dr);
        }

        Series afridi = new Series("Afridi");
        Series akmal = new Series("Akmal");
        Series nasir = new Series("Nasir");
        Series shoib = new Series("Shoib");
        Series hafiz = new Series("Hafiz");

        afridi.IsValueShownAsLabel = true;
        akmal.IsValueShownAsLabel = true;
        nasir.IsValueShownAsLabel = true;
        shoib.IsValueShownAsLabel = true;
        hafiz.IsValueShownAsLabel = true;

        foreach (DataRow r in dt.Rows)
        {
            afridi.Points.AddXY(Convert.ToDouble(r["Years"]),Convert.ToDouble(r["Afridi"]));
            akmal.Points.AddXY(Convert.ToDouble(r["Years"]), Convert.ToDouble(r["Akmal"]));
            nasir.Points.AddXY(Convert.ToDouble(r["Years"]),Convert.ToDouble(r["Nasir"]));
            shoib.Points.AddXY(Convert.ToDouble(r["Years"]), Convert.ToDouble(r["Shoib"]));
            hafiz.Points.AddXY(Convert.ToDouble(r["Years"]), Convert.ToDouble(r["Hafiz"]));
        }

        chrtGroup.Series.Add(afridi);
        chrtGroup.Series.Add(akmal);
        chrtGroup.Series.Add(nasir);
        chrtGroup.Series.Add(shoib);
        chrtGroup.Series.Add(hafiz);

        chrtGroup.Legends.Add(new Legend("Afridi"));
        chrtGroup.Legends.Add(new Legend("Akmal"));
        chrtGroup.Legends.Add(new Legend("Nasir"));
        chrtGroup.Legends.Add(new Legend("Shoib"));
        chrtGroup.Legends.Add(new Legend("Hafiz"));
    }
}

InformationsquelleAutor sadiq nawaz

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.