#29 - Personalizzare i controlli di charting di Silverlight 2.0

di Marco De Sanctis, in Silverlight 2.0, 25 novembre 2008

Archiviato in: Expression Blend, Microsoft Expression, Silverlight, Silverlight 2.0, XAML

Silverlight Toolkit è una libreria di controlli gratuiti e open source (scaricabile da http://www.codeplex.com/silverlight/) che rende possibile la visualizzazione di grafici grazie alla serie di controlli Charting. Essi, come ogni altro oggetto di Silverlight, sono completamente personalizzabili grazie a Style e Template, anche se non è esattamente immediato riuscirci con Expression Blend, visto che sono disponibili diverse proprietà Style, relative a diverse porzioni del grafico stesso (legenda, assi, dati, ecc.).
Per riuscirci, il modo più semplice è quello di aggiungere nella scena una di questi oggetti e usare la funzionalità Edit Template di Expression Blend per modificarne il template. Supponiamo ad esempio di voler personalizzare la visualizzazione di un grafico a barre contenente i risultati di un torneo di pesca:

La strada più comoda per riuscirci è quella di aggiungere nella scena un oggetto di tipo ColumnDataPoint alla scena:

E quindi personalizzarne il template tramite l'apposita funzione di Expression Blend:

In questa fase, ad esempio, si possono sostituire i Rectangle di default con un oggetto Image posizionato all'interno di un Border; il colore di quest'ultimo è collegato in TemplateBinding alla proprietà Background, così che venga mantenuto quello assegnato dal engine di charting alle varie serie di dati:

A questo punto si può eliminare il ColumnDataPoint aggiunto in precedenza e referenziare il nuovo stile tramite la proprietà DataPointStyle

<sltk:ColumnSeries IndependentValueBinding="{Binding Path=Key}"  
      Title="Giornata 1"  
      DependentValueBinding="{Binding Path=Value}" 
      AnimationSequence="FirstToLast"  
      DataPointStyle="{StaticResource FishColumn}" />