Akash Biswas

Moderators
 View Profile  See their activity

  • Content count

    417

  • Joined

  • Last visited

Posts posted by Akash Biswas

  1. Posted · Report reply

    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.

  3. Posted · Report reply

    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.

  4. Posted · Report reply

    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.

  5. Posted · Report reply

    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.

  8. Posted · Report reply

    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.

  11. Posted · Report reply

    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.

  14. Posted · Report reply

    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.

  15. Posted · Report reply

    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.

  16. Posted · Report reply

    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.

  17. Posted · Report reply

    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.

  18. Posted · Report reply

    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.

  20. Posted · Report reply

    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.

  21. Posted · Report reply

    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.

  24. Posted · Report reply

    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.