Akash Biswas

Hi, To avoid the long label text going out of the chart canvas, you can set the below two attributes for those scenarios : "manageLabelOverflow": "1", "useEllipsesWhenOverflow": "1" The "manageLabelOverflow" attribute tries to manage overflow of data labels. If enabled, data labels are either wrapped or truncated with ellipses to prevent them from overflowing out of the chart canvas. Please check the below attribute list of Doughnut chart for the attribute description : https://www.fusioncharts.com/dev/chart-attributes/doughnut2d Also find a sample fiddle for reference : https://jsfiddle.net/y6x2wesm/ Thanks, Akash.

Hi, Please refer to the below documentation link for time-based Gantt chart : https://www.fusioncharts.com/dev/chart-guide/standard-charts/gantt-chart#create-date-time-based-charts Thanks, Akash.

Hi, Real-time charts automatically update themselves after every n seconds, without any page refreshes, by getting new data You need to provide the data using the supported API method - feedData(). Refer to the below link for details : https://www.fusioncharts.com/dev/chart-guide/standard-charts/real-time-charts#feed-data-using-javascript You can also check the API method list for further description : https://www.fusioncharts.com/dev/api/fusioncharts/fusioncharts-methods To render charts in PHP environment, you need to use the FusionCharts PHP wrapper : https://www.fusioncharts.com/dev/getting-started/php/your-first-chart-using-php Also find a sample for reference : https://www.dropbox.com/s/4ckr69hxtc0n7e4/realtimeline.zip?dl=0 Thanks, Akash.

Hi, You have set a line break "\n" to the display string, hence it is getting overlapped for certain scenarios. So, you can : - Either remove the line break, and it would not result in overlapping. - Or you can set the attribute "labelDistance" with some pixel values and keeping the line break in the display string to avoid overlapping. Refer to this sample fiddle : https://jsfiddle.net/4pbqz6y1/ Thanks, Akash.

Hi, For the scenario when you do not want the values to be pushed inside the plots automatically, this was one of the ways to avoid this situation by using "canvasTopPadding" or "canvasBottomPadding" or both. Another way is to use the "yAxisMinValue" or "yAxisMaxValue" or both to set the y-axis minimum or maximum value explicitly so that it gets sufficient space to display the values outside the plots, as suggested earlier. Afraid, these are the only possible work-around solution for your scenario mentioned. Thanks, Akash.

Hi Shweta, You need to import the below files to render a Heat map chart : import FusionCharts from "fusioncharts"; import PowerCharts from "fusioncharts/fusioncharts.powercharts"; You can also refer to the below sample : https://codesandbox.io/s/7kkw4vl86q Thanks, Akash.

Hi, Please check the below GitHub link for reference to the import statements : https://github.com/fusioncharts/fusioncharts-jquery-plugin#quick-start You can replicate in a sample if you still face any issue. Thanks, Akash.

Hi, The mentioned event is getting triggered only once on clicking the legends once. Please check the below sample fiddle adding the event listener as you mentioned after rendering the chart using JQuery plugin of FusionCharts. Sample fiddle : https://jsfiddle.net/nro4p86u/ You can refer to the above samplee fiddle. If you still face any problem, please share a sample replicating the issue. Thanks, Akash.

Hi, Please check this sample fiddle using the canvasTopPadding and canvasBottomPadding attribute for your scenario mentioned. Sample fiddle : https://jsfiddle.net/tk173xcq/ Thanks, Akash.

Hi, We are not getting such issue with the Doughnut chart, please check the below sample fiddle : https://jsfiddle.net/5jpg4cuf/ Kindly, replicate the issue that you are facing and share us the sample. Thanks, Akash.

Hi, The values of a Column chart, could be placed either inside or outside the column plots by using "placeValuesInside" attribute. Now when they are placed outside, for the scenario when there is not enough space to display the value within the canvas but outside the column plots, the values are pushed inside automatically. If you do not want the values to be pushed inside, you can use either of the below options. 1. You can set the yAxisMaxValue attribute to increase the y-axis upper limit, so that there is enough space to display the value outside the plot but inside the canvas. 2. You can also set a padding on top of the canvas by using "canvasTopPadding" and set the padding in pixels as below : "canvasTopPadding": "30" for a 30 pixels padding. Thanks, Akash.

Thanks for the acknowledgement

Hi, The current version of the FusionCharts PHP wrapper requires PHP 5.6 or higher. If you need information about the older version, please drop a mail at [email protected] Thanks, Akash.

Hi Matthew, You need to replace the trial version JS files like fusioncharts.js, fusioncharts.charts.js, fusioncharts.widgets.js, etc that you were using earlier, with the new licensed JS files from the downloaded licensed package. Then include or import these files in your application or page to render the charts without the watermark. Please note : Once the licensed files are replaced clear your browser cache and reload the page. Also make sure you are replacing all the JS files from the licensed package. Thanks, Akash.

Hi Dev, You need to import the below JS files to render a Gantt chart in the module.ts file of your Angular application : import * as FusionCharts from "fusioncharts"; import * as Widgets from "fusioncharts/fusioncharts.widgets.js"; import * as Gantt from "fusioncharts/fusioncharts.gantt.js"; For further reference, check this sample below rendering Gantt chart : https://codesandbox.io/s/7z0o0r2jy6 Thanks, Akash.

Hi Ariovaldo, The fetched result is being provided to the data as a string instead of an array of objects, hence you are not getting the data visualized on the chart. You need to provide the data as an JSON array of objects. Check the below fiddles for the difference : Data as a string - https://jsfiddle.net/oam641cd/ Data as array of objects - https://jsfiddle.net/w1ar2gzL/ Thanks, Akash.

Hi Matthew, FusionCharts natively does not support the feature of automatic scaling of text font in the charts when they are resized. However, we already have this requested feature logged internally to support automatic scaling of the chart text elements on resizing the chart. We would get back to you with the updates in due course. Thanks, Akash.

Hi, This is a sample with your shared values : https://jsfiddle.net/khgmt68s/ Please share a sample or the values with which we can understand you query and check further. However if you want to display exactly the numbers or values that you are providing in the data objects, then set "showPercentValues" attribute to "0". Also if you want to show "%" as a symbol with all the numeric values, then set "numberSuffix" as "%". Refer to this sample fiddle : https://jsfiddle.net/a3o9sy6e/ Thanks, Akash.

Hi Sneha, You can drop a mail to [email protected] stating the version you currently have and that you want to upgrade, they would assist you accordingly. Thanks, Akash.

Hi Sneha, The chart type stackedcolumn2dlinedy was introduced in the version release of 3.14.1. Please check the below sample for reference using this version : https://jsfiddle.net/jkcvbfmx/ Version history : https://www.fusioncharts.com/dev/upgrading/version-history/version-3-14-X You can upgrade to the current version(trial) of 3.15.0-sr.1 from the below download link for evaluation : https://www.fusioncharts.com/download/fusioncharts-suite-xt?framework=js For upgrading to the licensed version, you can drop a mail to [email protected] Thanks, Akash.

Hi Shourya, Yes, you can hide the label and value of the Doughnut chart by setting the attributes "showLabels" and "showValues" to "0" at the chart-level dataSource. Refer to the below two documentation links : https://www.fusioncharts.com/dev/chart-guide/chart-configurations/data-labels#show-hide-labels-for-all-dataplots https://www.fusioncharts.com/dev/chart-guide/chart-configurations/data-values#show-hide-data-values For the entire list of supported attributes for Doughnut chart, check this link : https://www.fusioncharts.com/dev/chart-attributes/doughnut2d Thanks, Akash.

Sample for reference : https://codepen.io/Akash008/pen/KKwYwbo?editors=0010

Hi, You can avoid this scenario using any of the below solutions : - You can set a higher y-axis maximum value using "yAxisMaxValue" attribute. - Or you can set a padding o n top of the canvas by setting "canvasTopPadding" attribute with a pixel value as below : "canvasTopPadding": "10" Thanks, Akash.

Hi Sneha, To render these chart types that you have mentioned, you need to include fusioncharts.js and fusioncharts.charts.js library files in your application or page. However, different chart types might have different dataSource structures. Chart stackedcolumn2dlinedy is having different dataSource structure than msstackedcolumn2dlinedy chart type. Please refer to the below documentation links for the respective chart types structure with showcased samples : stackedcolumn2dlinedy - https://www.fusioncharts.com/dev/chart-guide/standard-charts/combination-charts#stacked-column-2d-line-dual-y-axis-chart msstackedcolumn2dlinedy - https://www.fusioncharts.com/dev/chart-guide/standard-charts/combination-charts#multi-series-stacked-column-2d-line-dual-y-axis-chart Thanks, Akash.

Hi Apurva, Please share your chart dataSource in a sample to show us the chart visual that you have achieved, and to elaborate your requirement. Thanks, Akash.