Akash Biswas

Hi, Kindly share a scaled down sample replicating the issue so that we can investigate and get back to you with a solution after checking your implementation. Thanks, Akash.

Hi, Kindly share a scaled down sample replicating the issue so that we can investigate and get back to you with a solution after checking your implementation. Thanks, Akash.

Hi, It is the default background color(white) of the container div element that is seen before the chart loads on the div. Please check the below sample with the background of the div set to a different color. Sample : http://jsfiddle.net/ksu8amLq/ Please note : In the earlier version 3.11.3 the div background color is also seen before the chart renders on the div. Sample : http://jsfiddle.net/ksu8amLq/2/ You can have the background color of the div set instead of setting the chart background color attribute, and setting the chart background to transparent using the below attributes : "containerBackgroundOpacity": "0" (At FusionCharts constructor level) "bgAlpha" and "canvasBgAlpha" to "0" (At chart-level dataSource) This will not show the white div background of the div while loading the chart, as the div background color is set and the chart background is made transparent. Sample for reference : http://jsfiddle.net/ksu8amLq/1/ Thanks, Akash.

Hi Jamie, You can use the Image annotation of FusionCharts that lets you to place an image anywhere on the chart. Please check the documentation link for reference to Image annotations : https://www.fusioncharts.com/dev/chart-guide/chart-configurations/annotations#create-image-annotations-5 For your requirement you could place the image annotations on top of each columns using the supported positioning macros as well. Reference link : https://www.fusioncharts.com/dev/chart-guide/chart-configurations/annotations#use-macros-17 Also find a sample fiddle for reference : http://jsfiddle.net/uqpcz9w2/ Thanks, Akash.

Hi, We have check internally regarding the reported scenario. The y-axis lower limit that is not displayed when you are setting "yAxisMaxValue" is an issue in the current version that is 3.13.2-sr.1. For that we have already logged it internally and the respective team will work on it. We would keep you posted with the updates via this chain. Regarding the div line intervals, when you are setting "yAxisMaxValue" to "11" and with the default value of "adjustDiv"(which is "1" or enabled). The intervals would be 0, 2, 4, 6, 8, 10, 11 which is as per the new optimized interval calculation algorithm(from 3.13.0) it will adjust the divisional lines to display a good looking intervals, instead of dividing the range equally with interval values in fractions/decimals or with an interval of 1 (as it used to be in the earlier versions). Sample : https://jsfiddle.net/mnb7vzc3/ (Please note : "0" not displayed as lower limit is an issue which will be fixed). Please note : If you want it as the older versions, set "adjustDiv" to "0" to display the div values by dividing the range equally - https://jsfiddle.net/mnb7vzc3/1/ Thanks, Akash.

Hi, Glad to know that the solution was helpful. Regarding the value not displaying on the chart, please set the attribute "valueFontSize" to a lesser value than it is currently in the shared fiddle. Like : "valueFontSize": "38". Find a modified sample : https://codepen.io/anon/pen/EOwojv?editors=0010 Thanks, Akash.

Hi, The shared code works for bar, column or line charts as they are single-series charts, but the same code will not work for Angular Gauge type as the dataSource structure of FusionCharts Angular gauge is different from that of a bar or line chart. So, you need to modify the sample : https://codepen.io/SitePoint/pen/rxorZd?editors=1010 so that the get() method generates the data complying the prescribed format of the Angular gauge. Refer to the documentation for the structure of the Angular gauge JSON dataSource : https://www.fusioncharts.com/dev/chart-guide/gauges-and-widgets/angular-gauge Check the documentation and the modified sample for reference and implement accordingly : https://codepen.io/anon/pen/xQdLpv?editors=0010 Thanks, Akash.

Hi Rakshith, FusionCharts provides various events throughout the lifetime of a chart which could be attached to the event listeners to perform actions accordingly. Please check the list of events supported by FusionCharts : https://www.fusioncharts.com/dev/api/fusioncharts/fusioncharts-events Though there is no event available for hovering the "No data to display" error message. But FusionCharts triggers the "noDataToDisplay" event when no data is passed to the chart. Please refer to the documentation link : https://www.fusioncharts.com/dev/api/fusioncharts/fusioncharts-events#nodatatodisplay-244 Sample fiddle : https://jsfiddle.net/fusioncharts/ys1wg87g/ Thanks, Akash.

Hi Amit, FusionCharts supports the feature to skip overlapping labels in a Pie or Doughnut chart, when there are too many labels in the pie/doughnut chart. Please refer to the below documentation link : https://www.fusioncharts.com/dev/chart-guide/standard-charts/pie-and-doughnut-charts#skip-overlap-labels-12 If you still face the problem, please share a sample fiddle with your chart dataSource where you are facing the issue. We would check the sample and suggest you with a solution. Thanks, Akash.

Please upgrade to the current version 3.13.2-sr.1.

Hi, You can use the Text annotations to position place a custom string anywhere on the chart. Please refer to the documentation link : https://www.fusioncharts.com/dev/chart-guide/chart-configurations/annotations#create-text-annotations-4 Also find a sample fiddle for reference : https://jsfiddle.net/44y8sohp/259/ To have the text in multiple lines, add {br} within the custom text ass in the above sample. Please note : Annotations are static in nature. To position the annotations, refer to this link : https://www.fusioncharts.com/dev/chart-guide/chart-configurations/annotations#positioning-annotations-15 Thanks, Akash.

Hi, Please check whether you have set the configuration attribute "enableRotation" to "1" in the chart dataSource. If you still face the issue, let us know the version of FusionCharts that you are using. Also you can check with the current version of FusionCharts that is 3.13.2-sr.1 Download link : https://www.fusioncharts.com/download/fusioncharts-suite Thanks, Akash.

Hi, Please provide a sample replicating the scenarios explained above, so that we can check it at our end. Also let us know which version of FusionCharts are you using. You can also check your implementation with the current version of FusionCharts that is 3.13.2-sr.1 Download link : https://www.fusioncharts.com/download/fusioncharts-suite Thanks, Akash.

Hi, Yes, it is possible to place Image annotations anywhere on the chart. Please check the documentation link for reference to Image annotations of FusionCharts : https://www.fusioncharts.com/dev/chart-guide/chart-configurations/annotations#create-image-annotations-5 Also find a sample fiddle for reference : http://jsfiddle.net/tk5mo349/2/ The sample provided showcases the image annotation feature, it also displays the images on hovering the plots by setting the "toolText" attribute in each of the data objects. Please note : Annotations are static in nature. To position the annotations, refer to this link : https://www.fusioncharts.com/dev/chart-guide/chart-configurations/annotations#positioning-annotations-15 Thanks, Akash.

Hi, In any of the versions, when you are setting the "yAxisMinValue" or "yAxisMaxValue" explicitly all you need to do is to first set the adjustDiv attribute to 0 to disable the automatic adjustment of divisional lines, as stated in the documentation shared in the earlier response. Please note : Without setting the "adjustDiv" to "0", if you set any of the above attributes to customize the axis limits or div intervals, it may not work properly. Which is the case for your instance. As you have not set the attribute "adjustDiv" to "0" in your chart dataSource(provided in your sample - https://jsfiddle.net/f87az9ec/), but you have manually set the limits the result is unexpected. The "adjustDiv" attribute is provided for this purpose when a user wants to set the limits explicitly, it has to be disabled first. Working sample with adjustDiv set to "0" : https://jsfiddle.net/f87az9ec/3/ Hope this helps. Thanks, Akash.

Hi, To render charts by fetching data from database you need to use any of the server-side wrappers of FusionCharts, please check the documentation for the supported wrappers : https://www.fusioncharts.com/explore/integrations?stack=back-end-integrations Also check the demos in the above link for code reference. Find the documentation guide for instruction to render charts using values from database : https://www.fusioncharts.com/dev/getting-started/java/create-charts-in-java-using-database Please note : You can browse through all the server-side wrapper guides enlisted on the navigation panel For reference find a sample combination chart rendered by fetching values from database, refer to this and similarly implement the same for your required chart type : https://www.dropbox.com/s/5vd6hdmjiqx6yp8/DemoWrapperMultiSeriesCharts.zip?dl=0 Thanks, Akash.

Hi, Displaying the series names below the plots is natively not supported. The series are visualized on the chart by displaying the legends with same colors representing each series. However, as a work-around you can place text annotations below the column plots to show the series names. Please check the Text annotations documentation for reference : https://www.fusioncharts.com/dev/chart-guide/chart-configurations/annotations#create-text-annotations-4 Also find a sample fiddle for reference : http://jsfiddle.net/7yvjb38s/2319/ Please note : Annotations are static in nature. Thanks, Akash.

Hi, The concerned team is working on it, it would be fixed in the future version releases of FusionCharts. We would notify you in due course. Appreciating your patience in advance. Thanks, Akash.

Hi, Check this modified sample setting an attribute "adjustDiv" to "0" to disable the automatic internal divisional line algorithm : https://jsfiddle.net/f87az9ec/3/ Please note :This would work in all the versions as you are setting the limits manually, you need to disable the internal div calculation. For further reference, please check the documentation link already provided in the earlier post that explains the above in details : https://www.fusioncharts.com/dev/chart-guide/chart-configurations/div-lines-and-grids Thanks, Akash.

Hi, Check this modified sample setting an attribute "adjustDiv" to "0" to disable the automatic internal divisional line algorithm : https://jsfiddle.net/f87az9ec/3/ Please note :This would work in all the versions as you are setting the limits manually, you need to disable the internal div calculation. For further reference, please check the documentation link already provided in the earlier post that explains the above in details : https://www.fusioncharts.com/dev/chart-guide/chart-configurations/div-lines-and-grids Thanks, Akash.

Please drop a mail to support@fusioncharts.com to raise a ticket, and also provide your licensing details. We would assist you further to use the licensed JS files within your angular project.

Hi, Please drop a mail to support@fusioncharts.com to raise a ticket, and also provide your licensing details. We would assist you further to use the licensed JS files within your angular project. Thanks, Akash.

Hi, The horizontal divisional lines are placed on equal intervals against the y-axis scale. For example : 0, 2, 4, 6, 8, 10,.... or 0, 5, 10, 15,.... You can set the y-axis limits using the attributes "yAxisMaxValue" and "yAxisMinValue", along with the number of div lines you want in between those limits using "numDivLines". These number of divisional lines would be dividing the y-axis in equal intervals. Please refer to the below documentation link for : Chart limit configuration : https://www.fusioncharts.com/dev/chart-guide/chart-configurations/chart-limits Div line configuration : https://www.fusioncharts.com/dev/chart-guide/chart-configurations/div-lines-and-grids Also find a sample fiddle for reference : http://jsfiddle.net/xb9TG/2642/ Please note : If you do not set the attributes mentioned above, the internal algorithm sets a good-looking y-axis range and intervals based on the data values provided. Default : http://jsfiddle.net/xb9TG/2639/ However, if you still face the problem, kindly provide a sample fiddle with your dataSource, and also let us know which version of FusionCharts are you using, so that we can check the same at our end and assist you accordingly. Thanks, Akash.

Hi, Please provide a sample for reference to your query, and also elaborate your query so that we can assist you further.

Hi, The horizontal divisional lines are placed on equal intervals against the y-axis scale. For example : 0, 2, 4, 6, 8, 10,.... or 0, 5, 10, 15,.... You can set the y-axis limits using the attributes "yAxisMaxValue" and "yAxisMinValue", along with the number of div lines you want in between those limits using "numDivLines". These number of divisional lines would be dividing the y-axis in equal intervals. Please refer to the below documentation link for : Chart limit configuration : https://www.fusioncharts.com/dev/chart-guide/chart-configurations/chart-limits Div line configuration : https://www.fusioncharts.com/dev/chart-guide/chart-configurations/div-lines-and-grids Also find a sample fiddle for reference : http://jsfiddle.net/xb9TG/2642/ Please note : If you do not set the attributes mentioned above, the internal algorithm sets a good-looking y-axis range and intervals based on the data values provided. Default : http://jsfiddle.net/xb9TG/2639/ However, if you still face the problem, kindly provide a sample fiddle with your dataSource, and also let us know which version of FusionCharts are you using, so that we can check the same at our end and assist you accordingly. Thanks, Akash.