Vendor MindTouch
Type Extension
Categories Graphics
Requires MindTouch 8.08 or later
OS Restriction None
Status Stable
License Standard/Enterprise
SID (service id) sid://mindtouch.com/std/2008/05/visifire
Assembly mindtouch.visifire

 

Table of Contents

Description

This extension allows you to embed data charts.

See also How to add an extension, Using the Extension Dialog, Learn about DekiScript, Extensions Directory.


Visifire.Chart(xml, series, axisLabels) : xml

Insert a Visifire chart.  An alternative series of values can be provided as second argument.  The series can be submitted into two formats, either as a list of numbers or as a list of DataPoint values (see the Visifire reference for element names).  When a series is provided, it takes precedence over the embedded series in the XML chart description.  Finally, an optional list of axis labels can be provided as third argument.  If omitted, labels will be auto-generated.

Parameters:

Name Type Description
xml str XML chart template.  Use the Visifire Chart Designer to layout the chart.
series map Optional. Data series of values. (e.g. { Series1: [ 10, 11 ], ... } -OR- { Series1: [ { yvalue: 10 }, { yvalue: 11 } ], ... }; default: use series in chart design)
Note: "Series1" corresponds to the name of the series in the XML chart design.  See the DataPoint reference for a description of available element names names for data points in the series.
axisLabels list Optional. Labels for data series. (e.g. [ "Mon", "Tue", "Wed", ... ]; default: auto-generate labels)

How-To Video

Here is a 9 minute video on how to create a dynamic chart using Visifire.  The video is best viewed in fullscreen.  You can also share it via Facebook.

Samples

  Output

To embed a Visifire chart, pass the chart XML as a string to the visifire.chart function:

visifire.chart('<vc:Chart xmlns:vc="clr-namespace:Visifire.Charts;assembly=Visifire.Charts"
     Width="500" Height="300" BorderThickness="0" Theme="Theme3">
    <vc:Title Text="Global Fortune 5 Companies 2007"/>
    <vc:AxisX Title="Companies">
    </vc:AxisX>
    <vc:AxisY Title="Revenue in Million dollars">
    </vc:AxisY>
    <vc:DataSeries Name="Series1" RenderAs="Column" AxisYType="Primary">
        <vc:DataPoint AxisLabel="Wall-Mart" YValue="351139"/>
        <vc:DataPoint AxisLabel="Exxon Mobil" YValue="345254"/>
        <vc:DataPoint AxisLabel="Shell" YValue="318845"/>
        <vc:DataPoint AxisLabel="BP" YValue="274316"/>
        <vc:DataPoint AxisLabel="General Motors" YValue="207349"/>
    </vc:DataSeries>
</vc:Chart>');
chart.png

 

 

Tag page
You must login to post a comment.