1 0 Tag Archives: chart
post icon

Visifire – Charts & Gauges for WP7, WPF and Silverlight

image

I recently came across some very high quality charts and gauge controls available through VISIFire for WP7, WPF and Silverlight based applications. If are in need of some professional charts or gauges for your application, I would high recommend you check them out!

The chart-based controls currently available include the following:

And for Gauges:

    Circular Gauges
    Linear Gauges

These controls include support some powerful features:

  • Interactivity
  • Elegant Animations
  • Scrollable Charts
  • Theming and Styling
  • Animated Updates
  • Zooming
  • Data Binding
  • Logarithmic Axis

Note that all these controls are compatible and editable in Microsoft Expression Blend.

To get an understanding of the stunning look and feel of these charts and gauges check out these screenshots below:

Silverlight 2D Line Chart

Silverlight 2D Stock Chart

  Silverlight Circular Gauge

Silverlight 2D Combination Chart

Silverlight Linear Gauge

Silverlight Radar Chart

Getting start is very easy and literally takes only a few minutes to get up and running.  To start, download the trial from here once you unzip the package add a reference from your project to SLWpVisifire.Charts.dll and/or SLWpVisifire.Gauges.dll. The following code below shows an example of a Spline chart in your XAML:

<vc:Chart xmlns:vc="clr-namespace:Visifire.Charts;assembly=SLVisifire.Charts"
    Width="500" Height="300" Theme="Theme1" CornerRadius="7" AnimatedUpdate="true" > 

    <vc:Chart.Titles>
        <vc:Title Text="Visifire Spline Chart"></vc:Title>
    </vc:Chart.Titles> 

    <vc:Chart.PlotArea>
        <vc:PlotArea ShadowEnabled="false"></vc:PlotArea>
    </vc:Chart.PlotArea> 

    <vc:Chart.Series>
        <vc:DataSeries RenderAs="Spline" MarkerSize="8" >
            <vc:DataSeries.DataPoints>
                <vc:DataPoint AxisXLabel="Sun" YValue="5"/>
                <vc:DataPoint AxisXLabel="Mon" YValue="6"/>
                <vc:DataPoint AxisXLabel="Tue" YValue="10"/>
                <vc:DataPoint AxisXLabel="Wed" YValue="18"/>
                <vc:DataPoint AxisXLabel="Thu" YValue="10"/>
                <vc:DataPoint AxisXLabel="Fri" YValue="30"/>
                <vc:DataPoint AxisXLabel="Sat" YValue="32"/>
            </vc:DataSeries.DataPoints>
        </vc:DataSeries>
    </vc:Chart.Series>
</vc:Chart>

When rendered, it will look like this:

Silverlight 2D Spline Chart

Like what you see? Go to http://www.visifire.com to get started!

Thanks,

–Mike

Leave a Comment