Search the Community

Showing results for tags 'react'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • 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 8 results

  1. Hi FusionCharts Team, We are looking to configure the input date format to MM/DD/YYYY in the date picker from the default DD/MM/YYYY on a chart that uses FusionTimeChart2D react library. I tried looking up the FusionChart documentation. Can someone help us here or come across a similar use case? (posting in the angular forum since react forum could not be selected)
  2. I have created a timeseries class component with the following state: this.state = { timeseriesDs: { type: "timeseries", id: "myChart", renderAt: "container", series: "Type", width: "100%", height: "95%", dataSource: { chart: { multicanvas: props.multiGrid, exportEnabled: true }, caption: { text: props.caption, }, subCaption: { text: props.subCaption, }, yaxis: this.generateYaxis(), }, }, tagList: props.tagList, schema: this.generateSchema(), }; The following function is used to change the timeseries' multicanvas property: changeType() { let timeseriesCopy = this.state.timeseriesDs; timeseriesCopy.dataSource.chart = { multicanvas: this.props.multiGrid, exportEnabled: true }; this.setState({ timeseriesDs: timeseriesCopy }); } When I use this function, everything works fine, and the chart changes from having plots for each line to only having one plot with multiple lines. This also works when changing back and forth. However, after changing using the function twice, I get these errors: Everything seemingly still works fine after these errors, but they show up again every time the changeType-function is used. How do I get rid of these pesky errors? ("react-fusioncharts": "^3.1.2", "fusioncharts": "^3.16.0")
  3. Hi My project is using server side rendering with next.js and I imported chart component this way. import dynamic from 'next/dynamic.js'; const FC = dynamic(() => import('../Employee/EmployeeFusionChart'), { ssr: false, }); we already purchased license so I tried to remove watermark from chart. when I put options in chart components and it was successful. function NextFC({ data }) { ReactFC.fcRoot(FusionCharts, Chart, FusionTheme); FusionCharts.options.creditLabel = false; FusionCharts.options.license({ key: 'OUR license key' creditLabel: false, }); return <ReactFC {...chartConfigs} />; } when I see this description from fusion chart website. They said I don't need to provide a license every time. then if I want to put the license option in app.js, what should i do? Or is there any other way to provide the license option just one time in my project?
  4. Hello, attached is a gif of a FusionCharts linear gauge I am using. In the gif, we can see a card render with a title and education and then a few seconds later the FusionChart linear gauge appears with some salary information. I am using FusionCharts with react, and followed the tutorial for how to set up FusionCharts with react. Is there a reason for the delay? Is there any way to improve the time or work around it? Any help or explanation would be great, thank you example_chart.mov Edit - If I set animations not to run, I get my preferred outcome for the linear gauge to appear quicker. "animation": "0" The transitions do look nice and appealing, would there be way to speed up that animation transition, or at least the initial render?
  5. Hello, I need to implement a Cylinder Gauge using reactjs, but I can't implement it correctly, you'll have an example that can help me ? Best Regards
  6. Hello, I have bought a license for FusionChart I received a zip file fusioncharts-suite-r-xt-one-developer-perpetual.zip but when I went the site the instructions simply said: 1-create react app 2- download the dependencies "npm install fusioncharts react-fusioncharts --save" 3- then I do what is done in the last step called "Render the chart" https://www.fusioncharts.com/dev/getting-started/react/your-first-chart-using-react?utm_source=downloadPackage&utm_medium=referral&utm_campaign=paidLicense everything works fine but now I want to use other type of charts like the nested pie chart https://www.fusioncharts.com/charts/pie-doughnut-charts/nested-pie-chart-in-2d?framework=react how do I use it ?
  7. I have just started exploring Fusion Charts. The documentation is clear and I have been able to create charts using `react`. One problem that I am facing is that the scroll does not work well on a mobile device. If I have charts that are covering the entire width of the screen, how would I scroll up/down? Please see the attachment for details. I can scroll down using the white space above but not using the space below the white space.
  8. React examples not working

    No example charts from FusionWidgetsXT https://www.fusioncharts.com/explore/chart-gallery?product=fusionwidgets are working. It returns "Chart type not supported" on the UI && "Uncaught SntaxError: Unexpected token < fusioncharts.widgets.js:1" on the browser console.