ASP.Net  »  Articoli  »  ASP.NET 4 

Aggiungere un grafico a torta

Cominciamo subito trascinando un Chart Control dalla casella degli strumenti di Visual Studio 2010 in una pagina Web. Questa operazione aggiunge del markup:

<%@ Register assembly="System.Web.DataVisualization, Version=4.0.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" namespace="System.Web.UI.DataVisualization.Charting" tagprefix="asp" %>

<asp:Chart ID="Chart1" runat="server">
  <Series>
    <asp:Series Name="Series1"></asp:Series>
  </Series>
  
  <ChartAreas>
    <asp:ChartArea Name="ChartArea1"></asp:ChartArea>
  </ChartAreas>
</asp:Chart>

Il Chart Control è identificato da un tag <asp:Chart>. Quando trasciniamo un Chart Control in una pagina il tag corrispondente viene automaticamente aggiunto al web.config:

<controls>
  <!-- ... -->
  
  <add tagPrefix="asp" namespace="System.Web.UI.DataVisualization.Charting"
       assembly="System.Web.DataVisualization, Version=4.0.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" />
</controls>

Visual Studio 2010 fornisce un supporto completo per il Chart Control. L'impostazione delle caratteristiche è possibile direttamente dalla finestra delle proprietà, oltre che modificando il markup della pagina o intervenendo da codice.

La struttura di un grafico

Un elemento Chart è visualizzato all'interno di una pagina Web come una immagine singola e l'immagine può essere composta da più grafici. Ogni grafico è costituito da alcuni elementi:

Figura 3. Elementi di un Chart Control

Altri articoli

Altre guide

Altre newsletter