fusioncharts / angular-fusioncharts

Angular Component for FusionCharts JavaScript Charting Library
https://fusioncharts.github.io/angular-fusioncharts/#/ex1
Other
55 stars 37 forks source link

TypeError: Cannot read property 'addSymbol' of undefined #77

Closed techformationankush closed 4 years ago

techformationankush commented 4 years ago

TypeError: Cannot read property 'addSymbol' of undefined at helper.js:1 at Module../node_modules/@fusioncharts/core/src/toolbox/tools/helper.js (helper.js:1) at webpack_require (bootstrap:84) at Module../node_modules/@fusioncharts/core/src/toolbox/tools/tool.js (tool.js:1) at webpack_require (bootstrap:84) at Module../node_modules/@fusioncharts/core/src/toolbox/tools/scrollbar/index.js (index.js:1) at webpack_require (bootstrap:84) at Module../node_modules/@fusioncharts/core/src/toolbox/tools/index.js (index.js:1) at webpack_require (bootstrap:84) at Module../node_modules/@fusioncharts/core/src/toolbox/index.js (index.js:1) at resolvePromise (zone-evergreen.js:797) at resolvePromise (zone-evergreen.js:754) at zone-evergreen.js:858 at ZoneDelegate.invokeTask (zone-evergreen.js:391) at Object.onInvokeTask (core.js:34182) at ZoneDelegate.invokeTask (zone-evergreen.js:390) at Zone.runTask (zone-evergreen.js:168) at drainMicroTaskQueue (zone-evergreen.js:559)

techformationankush commented 4 years ago

[import as FusionCharts from "fusioncharts"; import as charts from "fusioncharts/fusioncharts.charts"; import as FusionTheme from "fusioncharts/themes/fusioncharts.theme.fusion"; import { FusionChartsModule } from "angular-fusioncharts"; import as TimeChart from "fusioncharts/fusioncharts.timeseries"; import as Msstackedcolumn2dlinedy from "fusioncharts/msstackedcolumn2dsplinedy"; import as Gammel from "fusioncharts/themes/fusioncharts.theme.gammel";

FusionChartsModule.fcRoot(FusionCharts, Msstackedcolumn2dlinedy, FusionTheme);

@NgModule({ declarations: [ ParcelsCombinationChartsComponent ], imports: [ FusionChartsModule ] })

data: any; width = 100; height = 400; type = "msstackedcolumn2dlinedy"; dataFormat = "json"; dataSource: any;

constructor() {}

ngOnInit() {
    this.data = {
        chart: {
            caption:
                "Market Share of Korean Automobile Manufacturers in US",
            subcaption: "2011 - 2016",
            pyaxisname: "Units Sold",
            syaxisname: "% of total market share",
            snumbersuffix: "%",
            syaxismaxvalue: "25",
            theme: "fusion",
            showvalues: "0",
            drawcrossline: "1",
            divlinealpha: "20"
        },
        categories: [
            {
                category: [
                    {
                        label: "2011"
                    },
                    {
                        label: "2012"
                    },
                    {
                        label: "2013"
                    },
                    {
                        label: "2014"
                    },
                    {
                        label: "2015"
                    },
                    {
                        label: "2016"
                    }
                ]
            }
        ],
        dataset: [
            {
                dataset: [
                    {
                        seriesname: "Honda City",
                        data: [
                            {
                                value: "997281"
                            },
                            {
                                value: "1063599"
                            },
                            {
                                value: "1063964"
                            },
                            {
                                value: "1152123"
                            },
                            {
                                value: "1289128"
                            },
                            {
                                value: "1394972"
                            }
                        ]
                    },
                    {
                        seriesname: "Honda Civic",
                        data: [
                            {
                                value: "196354"
                            },
                            {
                                value: "259493"
                            },
                            {
                                value: "234755"
                            },
                            {
                                value: "205717"
                            },
                            {
                                value: "205081"
                            },
                            {
                                value: "224978"
                            }
                        ]
                    }
                ]
            },
            {
                dataset: [
                    {
                        seriesname: "Hyundai Verna",
                        data: [
                            {
                                value: "373709"
                            },
                            {
                                value: "391276"
                            },
                            {
                                value: "380002"
                            },
                            {
                                value: "411456"
                            },
                            {
                                value: "476001"
                            },
                            {
                                value: "500537"
                            }
                        ]
                    },
                    {
                        seriesname: "Hyundai Sonata",
                        data: [
                            {
                                value: "47548"
                            },
                            {
                                value: "73130"
                            },
                            {
                                value: "107659"
                            },
                            {
                                value: "179783"
                            },
                            {
                                value: "202390"
                            },
                            {
                                value: "156107"
                            }
                        ]
                    }
                ]
            }
        ],
        lineset: [
            {
                seriesname: "Market Share %",
                plottooltext:
                    "Total market share of Korean cars in $label is <b>$dataValue</b> in US",
                showvalues: "0",
                data: [
                    {
                        value: "17.74"
                    },
                    {
                        value: "19.23"
                    },
                    {
                        value: "15.43"
                    },
                    {
                        value: "12.34"
                    },
                    {
                        value: "15.34"
                    },
                    {
                        value: "21.17"
                    }
                ]
            }
        ]
    };
    this.dataSource = this.data;
}

<fusioncharts *ngIf="dataSource !== undefined" [width]="width" [height]="height" [type]="type" [dataFormat]="dataFormat" [dataSource]="dataSource"> ](url)

ayanbhaduryfc commented 4 years ago

The correct import statement for Msstackedcolumn2dlinedy should be *import as Msstackedcolumn2dlinedy from "fusioncharts/fusioncharts.msstackedcolumn2dsplinedy";**

Here is a working demo - codesandbox.io/s/ww2y9w1m0l

More could be referred from here - https://stackoverflow.com/questions/59999776/typeerror-cannot-read-property-addsymbol-of-undefined