Search the Community

Showing results for tags 'react deploy azure'.

More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • Company Forums
    • Company News
  • Product Forums
    • FusionCharts XT
    • FusionWidgets XT
    • PowerCharts XT
    • FusionMaps XT
    • Collabion Charts for SharePoint
    • jQuery Plugin for FusionCharts
    • AngularJS plugin
    • ReactJS plugin
  • General Forums
    • FusionCharts Jobs and Consultation
    • FusionLounge

Found 1 result

  1. 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: } }; return ( <div className="chart-box"> <ReactFC {...chartConfigs} /> </div> ); }; export default Chart;