Dynamic Dataseries Options

[cmk90329]

Hello,

 

Is there an option on a multi-series chart for users to have the ability to select only the dataseries that they want to be displayed. For example, I have 4 dataseries on my line chart displayed by month (actual financial information, budget, forecast, and previous year comparatives). When all the series are shown in the line chart, it looks cluttered and confusing. I would like the dashboard users to have the option of selecting from a check box or menu which series are displayed. Can this be done without using sophisticated code?

 

Thanks

 

Chris

[Guest Sumedh]

Hi,

 

A warm welcome to FusionCharts Forum!

 

Yes this can be achieved. Depending on the datasets you can select through the checkbox. Checking/uncheking on the checkbox XML can be updated. According to the XML, data points can be rendered.

 

 

The process flow for this application can be enlisted as under:

> The HTML page loads with pre-defined JavaScript functions, data in JavaScript arrays and the chart Object itself

> The chart Object is initialized with empty data. We register it with JavaScript with DOMId as chart1Id.

> In the HTML code, we present a form to the user where he can select the products for which he wants to see the data. This form is disabled by default.

> In the FC_Rendered function, which is invoked when the chart is loaded, we enable this form so that user can now select the products.

> In FC_Rendered function itself, we also build the chart for first time showing data for all the four products.

> Now, when the user changes his product selection or changes a chart configuration (also present as HTML form elements), we update the chart XML data depending on product and options selected.

> To update the chart and build the XML, we have used various JavaScript functions in the page, like updateChart(), generateXML(), getProductXML().

 

For more information, please refer the following URL:

http://docs.fusioncharts.com/charts/contents/?JavaScript/JS_Example.html

 

Hope this helps!

 

[cmk90329]

Thanks Sumedh.

 

This should help!

 

I looked through the documentation and it is referencing some sample code that I can download. I'd like to give that a try but I can't find it. The documentation just says "The code for this application is present in Download Package > Code > JavaScript > ExampleApplication folder."

 

Do you know where that is on the Fusion website?

 

Thanks

Chris

[Guest Sumedh]

Hi Chris,

 

Please refer the following link for the demo:

http://docs.fusioncharts.com/charts/Code/JavaScript/ExampleApplication/index.html

[chartmonkey]

I don't suppose there's a jQuery/JSON version of this with sample code?

Hi Chris,

 

Please refer the following link for the demo:

http://docs.fusionch...tion/index.html

[Sanjukta]

Hi,

 

I don't suppose there's a jQuery/JSON version of this with sample code?

 

 

Please try downloading the FusionCharts XT Evaluation Download package with the help of the following link.

Ref.- http://www.fusioncharts.com/download/trials/

 

The Sample demo is provided in the "JavaScript" folder of the "Code" folder in the FusionCharts XT Download package.

Ref. Path : FusionCharts XT Download Package >> Code >> JavaScript >> ExampleApplication >> Index.html

 

Hope this helps.