Akash Biswas

Moderators
  • Content count

    373
  • Joined

  • Last visited

Everything posted by Akash Biswas

  1. How to set up with React

    Hi Sultan, You are not using the imports to provide the dependency correctly. Please check the same in the below sample of a multilevelpie chart : https://codesandbox.io/s/multi-level-pie-event-react-ighxc The zip that you have received after purchasing the license is the licensed version of the FusionCharts library. Regarding how to use your licensed version in React application you would get a response to your support query raised. Thanks Akash.
  2. How to set up with React

    Hi Sultan, FusionCharts Suite is categorized into multiple packages. Multi-level Pie chart comes under the PowerChartsXT package, so to render the charts from PowerCharts package you need to use the below import statements : import React from 'react'; import ReactDOM from 'react-dom'; import FusionCharts from 'fusioncharts'; import PowerCharts from 'fusioncharts/fusioncharts.powercharts'; import ReactFC from 'react-fusioncharts'; ReactFC.fcRoot(FusionCharts, PowerCharts); Then you can set the chart type as "multilevelpie" and set the dataSource prescribed for the chart type to see the chart rendered. Let us know if you face any problem. Reference link : https://github.com/fusioncharts/react-fusioncharts-component#quick-start Thanks, Akash.
  3. Heatmap with Zero values

    Hi Apurva, The Heat map chart is working as expected by setting your mentioned configuration of the colorRange as 0 - 50 and 50 - 100. Please check the below sample fiddle for reference : http://jsfiddle.net/gt3ev5pc/3/ You can replicate the issue in this sample fiddle and share us the updated link for the fiddle so that we can check further. Thanks, Akash.
  4. Color countries based on array of items

    Hi, To display a modal only for those countries with value and not for countries with no values, you can keep a check(using an if construct) within the "entityClick" event handler function. The if construct will check whether the clicked entity has a null value or not. Refer to the below sample implementing this technique : https://codepen.io/Akash008/pen/QWwoWmE?__cf_chl_jschl_tk__=477828519e34255e7bcea4185e194d9de5d38f50-1592547764-0-AWzWLBLrFYQR8kqDx34OeazyIpye0_KTF55jz70dLOOhqMEm5MD3rqSuxCVp7n_qnk53HU4UIa6hRYTjPqvu-aQD2tkea9Ze70xX-FT4q7TcT_xLmNEcVrNd4a584MEPxiz8MF8MdgAMVgLFbB47dYMufrhKOLH5FWKxlCJmr2q9N-7StkC8ft6iObeEAtTrSpGt9mxA7YdYA1uRn6i1q_tQ6XlLqs_AJwKSASdfe8gSk-UAPGhEEcaAK6wHACnU8qDvzvz5X8MsuY4FGZSMWFCJHDW5tV5DftITlX5GvXgHMSoWK9P1iRRq09_2OprbnA4KJ7IehsaOXcsztbh0xwe2OhHZePBFPUOQFa_7mBu8 Thanks, Akash.
  5. Update linked charts dynamically

    Hi Jhonny, The "linkedCharts" objects are part of the main chart dataSource. On the rendered chart, the defined linked charts are the child chart of the main chart. Hence, modifying the main chart dataSource with new values will reflect on the view when the main chart is loaded after setting the new dataSource. So, for your scenario when you are currently on the child chart, and you set new dataSource for the main chart using setJSONData(). You need to traverse back to the main chart to see the new data reflected. Sample fiddle replicating the scenario : http://jsfiddle.net/xp9c354t/ Thanks, Akash.
  6. Rounded corners in a chart

    Hi, The attribute that you are using "borderRadius" is not an officially supported attribute. Please check the supported attribute list for scrollbar2d chart type in the below link : https://www.fusioncharts.com/dev/chart-attributes/scrollbar2d Thanks, Akash.
  7. FusionCharts not woking after upgrade

    Hi, The SWF files are deprecated long back which were using in the Flash based versions of FusionCharts. To render charts using the JS version library you need to include fusionchart.js and fusioncharts.charts.js to render the charts from FusionChartsXT package. Refer to the JavaScript resources in the settings of the below CodePen sample : https://codepen.io/Akash008/pen/yLypzZa Trial version download link of current version 3.15.0-sr.1 : https://www.fusioncharts.com/download/fusioncharts-suite-xt?framework=js To render your first chart, refer to this documentation link for the steps and instruction : https://www.fusioncharts.com/dev/getting-started/plain-javascript/your-first-chart-using-plain-javascript Thanks, Akash.
  8. Adding Custom Button Within Chart

    Hi Astha, You can interact with the chart from an external button (for example - an HTML button) using the supported API methods of FusionCharts. Please refer to the attached sample. Please note : You cannot add custom buttons inside the chart. Thanks, Akash. trial.html
  9. Zoomline Chart with Consolidated Tooltip

    Hi Geronimo, The zoomline chart type is a specialized chart that supports large dataset, its dataSource structure is different from other usual chart types like msline or any multi-series charts where you can enable a consolidated tooltip using the crossline feature of FusionCharts. It is not supported in zoomline chart. Thanks, Akash.
  10. Hi, FusionCharts version mentioned is a very old version and has been deprecated. The current released version is 3.15.1-sr.1. Check the documentation link below for the DevCenter reference : https://www.fusioncharts.com/dev/chart-guide/standard-charts/line-area-and-column-charts Thanks, Akash.
  11. Displaying more than 1 Angular Chart

    Hi Greg, For rendering multiple charts on gauges, you need to add separate container div elements for each chart or gauge. Since, each chart or gauge renders on individual div containers, the ID provided to the div elements must be unique, and the same need to be provided the "renderAt" parameter of the respective FusionCharts constructor function. <div id="angulargauge-container1">Chart will render here!</div> <div id="angulargauge-container2">Chart will render here!</div> $Chart1 = new FusionCharts("angulargauge", $Guage_ID , "600", "400", "angulargauge-container1", "json", $gaugeData1); $Chart2 = new FusionCharts("angulargauge", $Guage_ID , "600", "400", "angulargauge-container2", "json", $gaugeData2); Thanks, Akash.
  12. Hi Zio, Check the supported attribute list for each chart type in the below link : https://www.fusioncharts.com/dev/chart-attributes/area2d Thanks, Akash.
  13. Hi, The gestures made on the chart area would interact with the chart. To scroll the page, you need to make the gesture out of the chart area. Thanks, Akash.
  14. Render map when click on Chart plot. Fusioncharts

    Hi, Yes, you can use the FusionCharts ASP.NET wrapper to render charts. Please find the below sample for Rendering chart in Windows form application using C# : https://www.dropbox.com/s/h0jfk48jlhbqjuk/Demo FusionCharts in windowsapplication in c%23.zip?dl=0 Thanks, Akash.
  15. Redo charts when click on plot

    https://jsfiddle.net/v4js9dq2/
  16. Render map when click on Chart plot. Fusioncharts

    Hi, To render maps on clicking the data plots of a chart, please check this sample for reference : http://jsfiddle.net/ex9y8vqa/1/ Also you can refer to the below sample link for the implementation code for the similar functionality in various technology stacks : https://www.fusioncharts.com/fusionmaps/features/drill-down-from-map-to-chart Thanks, Akash.
  17. Redo charts when click on plot

    Hi, You can use the "dataPlotClick" API event that gets triggered when a click interaction is made on the chart plots. To update a chart with new dataSource, you need to use "setJSONData() API method invoked on the chart instance of the chart that you want to update. So, use "setJSONData()" on the chart instance within the "dataPlotClick" event handler function. Refer to the below sample for an implementation : http://jsfiddle.net/uyf3e1g1/ Thanks, Akash.
  18. Hide restore toolbox if allowDrag is selected

    Glad to know that! Thanks for the acknowledgement.
  19. Hide restore toolbox if allowDrag is selected

    Hi Evelina, It is natively not supported to hide the toolbar drop down. However, as a work-around you can set its scale using the attribute "toolbarButtonScale". Please check the below sample for reference : https://codepen.io/Akash008/pen/VwYOmza?editors=0010 Thanks, Akash.
  20. Vuejs and allowDrag

    Hi Evelina, In drag-able charts, you can set the "allowDrag" attribute either at the data level for individual data plots, or at the dataset level for individual series dataset. This attribute is not supported for chart-level dataSource for it to apply across the entire chart. Please refer to the documentation link of Drag-able charts : https://www.fusioncharts.com/dev/chart-guide/standard-charts/drag-able-charts Also find the attribute description(for both data and dataset level) in the attribute list of drag chart : https://www.fusioncharts.com/dev/chart-attributes/dragline Thanks, Akash.
  21. Change ID for countries

    Thanks for the acknowledgement.
  22. Color countries based on array of items

    Hi, To render maps in a .NET environment you can use the FusionCharts .NET wrapper. Please refer to the below documentation link for the steps and instruction to render map using the wrapper : https://www.fusioncharts.com/dev/getting-started/aspnet/your-first-map-using-aspnet If you face any problem, you can check the showcased sample to render a map and its code for reference : https://www.fusioncharts.com/fusionmaps/examples/average-temperature-of-us-states For the configuration of colorRange object please check the documentation link provided earlier along with the sample for reference. Thanks, Akash.
  23. Change ID for countries

    Hi, It will not be possible to set id 05 (Canada) to id 16, as the id 16 is already present in the default set of id predefined for the map type. You can set new custom ID to the entities which is not present in the predefined list of ID for that map type. Please note : Only unique ID are accepted as new custom ID which are not present in the predefined list to avoid conflicts. Refer to the below sample : https://codepen.io/Akash008/pen/VwYgzOP?editors=0010 Thanks, Akash.
  24. Change ID for countries

    Hi, It is possible to define custom ID for the entities, and then use them in the data objects to provide values to the map dataSource. You can check the below sample for reference : https://codepen.io/Akash008/pen/VwYgzOP?editors=1010 For further reference, you can check the documentation link for the details : https://www.fusioncharts.com/dev/map-guide/custom-entity-ids Thanks, Akash.
  25. Color countries based on array of items

    Hi, You can set the colorRange object based on the values you set for the data objects(entities). So, for example the value set to India is 10 and for Mexico is 5 within the data objects, then in the colorRange object you can set the minimum and maximum range accordingly with the color codes, which will be applied to the entities mapped to its values. Also you can set custom tool text to individual data objects for the entities, which will be displayed on the tooltip box when hovered over the entities on the map. You need to set the "toolText" attribute with the string within each data objects, that you want to display when hovered over the map entities. A modal pop up can also be shown when the entities are clicked by using the "entityClick" API event supported. However, the content of the modal need to be set as per your requirement accordingly. Please find the below sample for reference to the above possible solutions : https://codepen.io/Akash008/pen/QWwoWmE Thanks, Akash.