Search the Community

Hi all, I have a problem with a spline type chart in my react app. Locally everything works perfectly, but after I deployed application to Azure charts in deployed app stopped work. The message is: "Chart type not supported". I've tried to find solution on the internet since yesterday, but it still doesn't work. Do anyone know what may solve that issue? This is my code: import React from "react"; import ReactDOM from "react-dom"; import ReactFC from "react-fusioncharts"; import FusionCharts from "fusioncharts"; import * as powercharts from "fusioncharts/fusioncharts.powercharts"; import Spline from "fusioncharts/fusioncharts.charts"; import FusionTheme from "fusioncharts/themes/fusioncharts.theme.candy"; ReactFC.fcRoot(FusionCharts, powercharts, Spline, FusionTheme); const Chart = props => { const chartConfigs = { type: "spline", width: "96%", height: "100%", dataFormat: "JSON", dataSource: { chart: { bgColor: "#292129", baseFontSize: "16", yaxisnamefontsize: "16", valuefontsize: "14", basefont: "Segoe UI", labelfont: "Segoe UI", outCanvasBaseFont: "Segoe UI", baseChartMessageFont: "Segoe UI", captionFont: "Segoe UI", yaxisnamefont: "Segoe UI", valuefont: "Segoe UI", rendererrormessagefont: "Segoe UI", outcnvbasefont: "Segoe UI", caption: props.title, yaxisname: props.unit ? `${props.yaxisname} [${props.unit}]` : props.yaxisname, anchorradius: "5", plottooltext: `${props.plottooltext}`, showhovereffect: "1", showvalues: "0", numbersuffix: "", theme: "candy", anchorbgcolor: "#F70CF7", //#72D7B2 palettecolors: "#F70CF7" }, data: props.data } }; return ( <div className="chart-box"> <ReactFC {...chartConfigs} /> </div> ); }; export default Chart;