Javascript-Chart Type Not Supported

[shourya sharma]

Hi team,

I am using Fusion charts to create charts in my app. The chart type angular gauge is showing"Chart Type Not Supported" error. I have attached my code for your reference.Kindly help me on this issue.

Thankyou.

new 1.html

iLearnJS.js

[Akash Biswas]

Hi Shourya,

 

You are using a very older version of FusionCharts files. The file - FusionCharts.HC.js is no longer available.

You need to use fusioncharts.js file and other required JS files from the current version(3.15.0-sr.1) library to render charts.

Refer to the below documentation to render gauges : https://www.fusioncharts.com/dev/getting-started/plain-javascript/your-first-gauge-using-plain-javascript

Download the trial version of the current(3.15.0-sr.1) library : https://www.fusioncharts.com/download/fusioncharts-suite-xt

 

Thanks,

Akash.

[shourya sharma]

hi  Akash,

Thanks for reply. I have uploaded all my files now. Please check and tell me where  I am going wrong. I am still getting "chart type not supported".

new 1.html

fusioncharts.js

iLearnJS.js

fusioncharts.theme.fint.js

fusioncharts.theme.carbon.js

fusioncharts.theme.ocean.js

fusioncharts.theme.zune.js

[Akash Biswas]

Hi Shourya,

 

Extract the zip that you get from the provided download link of the trial version, where you will get the fusioncharts.js, fusioncharts.widgets.js and other JS files in the package extracted.

To render an Angular gauge, use the <script> tags in your HTML page as below to include the required JS files from the package by providing the respective paths :

<script type="838148fb95bf1f5e127ccc9f-text/javascript" src="path to file fusioncharts.js"></script>
<script type="838148fb95bf1f5e127ccc9f-text/javascript" src="path to file fusioncharts.widgets.js"></script>

 

For further reference, check the steps and instruction provided in the below documentation link :

https://www.fusioncharts.com/dev/getting-started/plain-javascript/your-first-gauge-using-plain-javascript

 

Thanks,

Akash.

[shourya sharma]

hi  Akash,

Thanks for reply. It worked.

Can  data labels and values be hidden in the Doughnut 2D Chart ? If yes, please mention about the attribute. Refer to the highlighted part in the screenshot. I want to hide that.

Regards,

Shourya

[Akash Biswas]

Hi Shourya,

 

Yes, you can hide the label and value of the Doughnut chart by setting the attributes "showLabels" and "showValues" to "0" at the chart-level dataSource.

Refer to the below two documentation links :

https://www.fusioncharts.com/dev/chart-guide/chart-configurations/data-labels#show-hide-labels-for-all-dataplots

https://www.fusioncharts.com/dev/chart-guide/chart-configurations/data-values#show-hide-data-values

 

For the entire list of supported attributes for Doughnut chart, check this link : https://www.fusioncharts.com/dev/chart-attributes/doughnut2d

 

Thanks,

Akash.