fusioncharts / react-fusioncharts-component

ReactJS component for FusionCharts JavaScript Charting library.
https://fusioncharts.github.io/react-fusioncharts-component/
MIT License
93 stars 33 forks source link

How to display react gauge using this package? #8

Closed santhi-nyros closed 6 years ago

santhi-nyros commented 6 years ago

Hi, I want to display gauges in reactjs components using this package. I didn't find the attributes values for gauge like, type. For chart : chartConfigs = { type : 'Column3D' } It's working...

For gauge : chartConfigs = { type : 'angulargauge' or 'AngulareGauge' } It's nit working , getting "chart type not supported" error.

Please help me to fix it. Thanks in advance.

rousan commented 6 years ago

Hi @santhi-nyros You need to import FusionWidgets module to render an AngulareGauge chart like as follows:

import React from 'react';
import ReactDOM from 'react-dom';
import fusioncharts from 'fusioncharts';
// Load the FusionWidgets module
import Widgets from 'fusioncharts/fusioncharts.widgets';
import ReactFC from 'react-fusioncharts';

// Pass fusioncharts as a dependency
Widgets(FusionCharts)

// Your rest code here