Grafy v ASP.NET – koláče

V předchozím článku o grafech v ASP.NET jsem vám ukázal jak lze vytvořit čárové grafy. Dnes se dozvíte jak podobným způsobem vytvořit graf koláčový.

Pro příklad (zdrojový kód) jsem zvolil jako datový zdroj ankety na Intervalu, které se pravidelně obměňují na hlavní stránce. Jak udělat takovouto anketu (ovšem pouze v klasickém ASP) jste si měli možnost přečíst v seriálu článků Anketa krok za krokem (1, 2, 3,). Jak si můžete všimnout, je v příkladu zobrazeno pomocí jednoho ASPX několik grafů. Údaje pro grafy jsou vybírány z databáze na základě parametru idankety. Vstupní parametr je ošetřen tak, aby nemohl obsahovat nic jiného než číslo.

Povšimněte si také způsobu předání parametru do SQL dotazu. Tento způsob je přehledný a minimalizuje možnost podvržení nesprávných parametrů. Pokud chcete použít v SQL dotazu parametr, záleží na tom, zda použijete OleDbCommand nebo SqlCommand. Bohužel každý z těchto zprostředkovatelů dat vyžaduje jiný způsob zápisu parametrů. Zatímco OleDbCommand vyžaduje pro označení parametru ? (otazník), SqlCommand používá pojmenované parametry, kde jméno parametru začíná znakem @ (zavináč). Zápis parametrů pro SQLCommand bude vypadat takto:

SqlCommand cmd=new SqlCommand(„SELECT SUM(redaction_anketa_odpovedi.hlasy)
         AS celkem, redaction_anketa_otazky.Otazka FROM redaction_anketa_odpovedi
         INNER JOIN redaction_anketa_otazky ON redaction_anketa_odpovedi.idankety =
         redaction_anketa_otazky.id GROUP BY redaction_anketa_otazky.id, redaction_anketa_otazky.Otazka
         HAVING (redaction_anketa_otazky.id = @idanketa) SELECT odpoved, hlasy FROM
         redaction_anketa_odpovedi
         WHERE (idankety = @idanketa) ORDER BY hlasy DESC“,conn);
cmd.Parameters.Add(„@idanketa“,idankety);
SqlDataReader rdr=cmd.ExecuteReader();
rdr.Read();

A pro OleDbCommand provedeme zápis tímto způsobem:

OleDbCommand cmd=new OleDbCommand(„SELECT SUM(redaction_anketa_odpovedi.hlasy)
         AS celkem, redaction_anketa_otazky.Otazka FROM redaction_anketa_odpovedi
         INNER JOIN redaction_anketa_otazky ON redaction_anketa_odpovedi.idankety =
         redaction_anketa_otazky.id GROUP BY redaction_anketa_otazky.id, redaction_anketa_otazky.Otazka
         HAVING (redaction_anketa_otazky.id = ?) SELECT odpoved, hlasy FROM redaction_anketa_odpovedi
         WHERE (idankety = ?) ORDER BY hlasy DESC“,conn);
cmd.Parameters.Add(„redaction_anketa_otazky.id“,idankety);
cmd.Parameters.Add(„idankety“,idankety);
OleDbDataReader rdr=cmd.ExecuteReader();

Stejně jako v minulém článku používám dva SQL dotazy, pomocí kterých dostanu dvě sady záznamů. Všimněte si, že ačkoliv používám jen jeden parametr idankety, v zápise pro OleDbCommand mám použity dva parametry jiného jména, kdežto v zápise pro SqlCommand si parametr pojmenuji a nadále pak používám jeden jediný.

Po „malém výletu“ do ADO.NET se vrátíme opět k tvorbě grafu. Základním „stavebním“ kamenem bude metoda FillPie třídy Graphics (vyplněná kruhová výseč). Metoda FillPie má tři různé způsoby zápisu parametrů a v příkladě je použit tento:

public void FillPie(
   Brush brush,
   float x,
   float y,
   float width,
   float height,
   float startAngle,
   float sweepAngle
);

Parametr Brush určuje typ výplně, která bude použita pro vyplnění výseče – x,y určuje souřadnice levého horního rohu čtverce (či obélníku) opsaného útvaru, ze kterého se vykresluje výseč, width,height určuje velikost objektu (pokud nejsou shodné, bude se vykreslovat výseč elipsy), startAngle určuje počáteční úhel vykreslované výseče (úhel se bere od osy x – „tři hodiny“ – ve směru hodinových ručiček), sweepAngle určuje úhel vykreslované výseče (opět ve směru hodinových ručiček). Úhly se zadávají ve stupních a při výpočtu doporučuji počítat s datovým typem float a nepoužít metodu FillPie s parametry typu int, nýbrž s typem float. Důvodem je skutečnost, že by při výpočtu v oboru čísel int došlo k velké nepřesnosti a vykreslené výseče by neuzavřely kruh.

private void Page_Load(object sender, System.EventArgs e)
{
   int idankety=0;
   string ErrorText=““;
   try
   {
      idankety=Convert.ToInt16(Request.QueryString.GetValues(„idankety“)[0]);
   }
   catch
   {
      ErrorText=“Chybný parametr“;
   }
   // vytvoření „obrázku“
   const int width = 400, height = 400;
   Bitmap objBitmap = new Bitmap(width, height);
   Graphics objGraphics = Graphics.FromImage(objBitmap);
   // ramecek kolem grafu
   objGraphics.FillRectangle(new LinearGradientBrush(new Point(10,10),
      new Point(100,100),Color.Red,Color.Blue), 0, 0, width, height);
   // pozadi grafu
   objGraphics.FillRectangle(new SolidBrush(Color.White), 2, 2, width – 4, height – 4);
   // Nastavíme font pro popis
   Font fontPopis = new Font(„Times New Roman“, 12, FontStyle.Bold);
   // Nastavíme formátování textu
   StringFormat stringFormat = new StringFormat();
   stringFormat.Alignment = StringAlignment.Center;
   stringFormat.LineAlignment = StringAlignment.Center;
   try
   {
      // připojovací řetězec do SQL serveru
      const string sqlConnectionString=“Data Source=localhost;User ID=sa;Password=asdf;Initial Catalog=INTERVAL;“;
      // Vytvoření spojení do databáze
      SqlConnection conn=new SqlConnection(sqlConnectionString);
      conn.Open();
      // provedení výběru da
      SqlCommand cmd=new SqlCommand(„SELECT SUM(redaction_anketa_odpovedi.hlasy)
         AS celkem,redaction_anketa_otazky.Otazka FROM redaction_anketa_odpovedi
         INNER JOIN redaction_anketa_otazky ON redaction_anketa_odpovedi.idankety =
         redaction_anketa_otazky.id GROUP BY redaction_anketa_otazky.id, redaction_anketa_otazky.Otazka
         HAVING (redaction_anketa_otazky.id = @idanketa) SELECT odpoved, hlasy FROM
         redaction_anketa_odpovedi
         WHERE (idankety = @idanketa) ORDER BY hlasy DESC“,conn);
      cmd.Parameters.Add(„@idanketa“,idankety);
      SqlDataReader rdr=cmd.ExecuteReader();
      rdr.Read();
      objGraphics.DrawString(rdr[„Otazka“].ToString(), fontPopis, new SolidBrush(Color.Black),
         new Rectangle(5,5,390,40),stringFormat);
      float jedenstupen= 360.0F/float.Parse(rdr[„celkem“].ToString());
      rdr.NextResult();
      float celkovyuhel=0.0F;
      float uheldilku;
      int polozka=0;
      Font fontPopisOdpoved = new Font(„Times New Roman“, 10, FontStyle.Bold);
      // Nastavíme formátování textu
      StringFormat stringFormatOdpoved = new StringFormat();
      stringFormatOdpoved.Alignment = StringAlignment.Near;
      stringFormatOdpoved.LineAlignment = StringAlignment.Far;
      Color Barva;
      int posunx,posuny;
      while(rdr.Read())
      {
         uheldilku= float.Parse(rdr[„hlasy“].ToString())*jedenstupen;
         // predvoleni barvy vyplne
         switch(polozka)
         {
            case 0: Barva=Color.FromArgb(153,51,102);break;
            case 1: Barva=Color.FromArgb(102,0,102);break;
            case 2: Barva=Color.FromArgb(0,102,204);break;
            case 3: Barva=Color.FromArgb(153,153,255);break;
            case 4: Barva=Color.FromArgb(0,204,45);break;
            default: Barva=Color.Black;break;
         }
         // prvni vysec bude posuna ven ze stredu
         if (polozka==0)
         {
            posunx=10;
            posuny=10;
         }
            else
         {
            posunx=0;
            posuny=0;
         }
         objGraphics.FillPie(new SolidBrush(Barva),60+posunx,50+posuny,220,220,celkovyuhel,uheldilku);
         celkovyuhel=celkovyuhel+uheldilku;
         // vypis legendy
         objGraphics.DrawString(rdr[„hlasy“].ToString(), fontPopisOdpoved, new SolidBrush(Barva),
            new Rectangle(5, 280+(15*polozka),390,20),stringFormatOdpoved);
         objGraphics.DrawString(rdr[„odpoved“].ToString(), fontPopisOdpoved, new SolidBrush(Barva),
            new Rectangle(35, 280+(15*polozka),390,20),stringFormatOdpoved);
         polozka++;
      }
      // zavření spojení do databáze a uvolneni nepotrebnych objektu z pameti
      cmd.Dispose();
      rdr.Close();
      conn.Close();
      stringFormatOdpoved.Dispose();
      fontPopisOdpoved.Dispose();
   }
   catch
   {
      if (idankety>0)
      {
         ErrorText=“Nejsou k dispozici žádná data“;
      }
   }
   // pokud doslo v prubehu prace k chybě vypsat hlášení
   if (ErrorText.Length>0)
   {
      objGraphics.DrawString(ErrorText, fontPopis, new SolidBrush(Color.Black),
         new Rectangle(5,5,390,40),stringFormat);
      objGraphics.FillEllipse(new SolidBrush(Color.Red),60,60,280,280);
   }
   // odeslaní výsledku na klienta
   Response.ContentType = („image/gif“);
   objBitmap.Save (Response.OutputStream,ImageFormat.Gif);
   // uvolnění paměti
   fontPopis.Dispose();
   stringFormat.Dispose();
   objGraphics.Dispose();
   objBitmap.Dispose();
}

Užitečným doplněním grafu by bylo zamezení zobrazení grafu z jiného serveru způsobem, který popsal Pavel Růžička v článku Dynamické obrázkové nadpisy v ASP.NET. Toto ošetření nemá vliv na funkčnost příkladu, a proto jsem je z důvodu přehlednosti do kódu nezahrnul.