This release contains the following enhancements:
- Property – LinesStyle in DataSeries applies even for Marker that appears in Legend.
- If property – MarkerType in DataSeries or DataPoint is specified for a Line chart, same type of marker will be used to display entries in Legend.
Download Visifire v2.2.0 beta 3 here.
Current release includes a major feature – DateTime Axis. If the XValue of the DataPoints are of type DateTime, Visifire automatically switches XAxis to Date Axis. For more precision on the visualization following properties can be used.
Two properties have been introduced:
- XValueType in DataSeries, and
- IntervalType in AxisX.
XValueType can have any of these following values
- Auto (Default)
- DateTime, or
IntervalType property can have any of these following values
- (Default) Auto
- Seconds, or
By default the XValueType is set to Date, if XValue is of type DateTime. To consider both date & time in the axis, XValueType should be set to DateTime. If you want to consider only the Time part of DateTime, it can be done so by setting XValueType to Time.
IntervalType will be set to the most relevant one internally, according to XValues. However, it can be set manually according to the requirement.
Below are some samples for DateTime Axis.
DateTime Axis Example:
Date Axis Example:
Time Axis Example:
This release includes a major feature – DateTime Axis. If the XValue of the DataPoints are of type DateTime, Visifire automatically switches XAxis to Date Axis. This post will be followed by a detailed post on DateTime Axis.
Also, contains fixes for the following bugs:
- ToolTip movement was not smooth if “\n” was used in ToolTipText of any chart element.
- Chart couldn’t have been included in DataTemplate of a control, due to NameScope specification.
- Events for DataSeries and DataPoints in multi-series chart fired twice when attached.
- Visifire2.js: preLoad & loaded events were not cleared (detached) even after the chart was rendered.
Download Visifire v2.2.0 beta 2 here.
Note: Visifire v2.2.0 beta 1 was never released for public.
Creating Drilldown chart is a common requirement in any RIA dashboard. Drilldown charts give rich user experience. In this blog let’s see how we can create drilldown charts using Visifire.
In this sample application, chart can be drilled down till 2 levels. The default chart would show yearly sales of a fictitious company for the period 2006-2008. On click of column representing the sales for an year, monthly sales for that year is shown up. Further it can be drilled down to find product wise sales for the selected month.
Data can be pulled in from any data source. To keep the example simple let’s store the sales data in an array.
Construct the XML string from the data stored in the array.
First, create the chart for yearly sales. Next, attach an event handler for “MouseLeftButtonUp” event to the DataSeries. On fire of this event, this chart is replaced with a chart with monthly sales for the year represented by the selected DataPoint in that DataSeries. Event handler can be attached as shown in the code snippet below.
Use the same logic to replace this chart with a chart with product wise sales for the selected month. The crux of a drilldown chart is to attach an event handler to update the chart on fire of some event. I think we have accomplished the same swiftly in this sample. A link/button to return back to the previous state of the chart would give a holistic user experience.