Chart type not Supported

[vishals9711]

Any PowerXT chart is not supported. I Have imported the powerChartXT library also. still, there is a problem with the chart

[ayanbhaduryfc]

Hi, You need to import the powerchart module and finally pass the dependency inside FusionCharts fc module, please check the sample for reference - https://plnkr.co/edit/6jBU7BwzE0kyiXTyxy0u?p=preview

[vishals9711]

I have imported the following; //Charts import * as FusionCharts from 'fusioncharts'; import * as Charts from 'fusioncharts/fusioncharts.charts'; import * as FintTheme from 'fusioncharts/themes/fusioncharts.theme.fint'; import { FusionChartsModule } from 'angular4-fusioncharts'; import * as powerCharts from 'fusioncharts/fusioncharts.powercharts';

import * as OceanTheme from 'fusioncharts/themes/fusioncharts.theme.ocean';

FusionChartsModule.fcRoot(FusionCharts,powerCharts, Charts, FintTheme,OceanTheme);``

and my HTML page contains

<fusioncharts [width]="width" [height]="height" [type]='mssplinearea' [dataFormat]="dataFormat" [dataSource]="datasource">

Still, the webpage shows chart not supported also i have imported the script files in the HTML files

[ayanbhaduryfc]

Hi,

Please maintain the order to render a power chart you need to include fusioncharts, after that fusionchart.powercharts, then include the files, for rendering power charts fusioncharts.charts.js does not require, for reference please check the snippet below

import * as FusionCharts from 'fusioncharts'; import * as powercharts from 'fusioncharts/fusioncharts.powercharts'; import { FusionChartsModule } from 'angular4-fusioncharts'; import { AppComponent } from './app.component';

FusionChartsModule.fcRoot(FusionCharts, powercharts);