Akash Biswas

Moderators
  • Content count

    332
  • Joined

  • Last visited

Everything posted by Akash Biswas

  1. legendItemClicked event triggered twice

    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.
  2. Column2d graph values are overlapping

    Hi, Please check this sample fiddle using the canvasTopPadding and canvasBottomPadding attribute for your scenario mentioned. Sample fiddle : https://jsfiddle.net/tk173xcq/ Thanks, Akash.
  3. Doughnut chart sliced piece is overlapping the other

    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.
  4. Column2d graph values are overlapping

    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.
  5. Doughnut chart custom values in the graph

    Thanks for the acknowledgement
  6. Is there PHP wrapper working with PHP 5.5?

    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.
  7. 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.
  8. 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.
  9. Data included in the date do not appear in the chart

    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.
  10. Auto-Resizing text with FusionCharts

    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.
  11. Doughnut chart custom values in the graph

    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.
  12. Stackedcolumn2Dlinedy

    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.
  13. Stackedcolumn2Dlinedy

    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.
  14. Javascript-Chart Type Not Supported

    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.
  15. Stacked area graph circles/anchors cropped

    Sample for reference : https://codepen.io/Akash008/pen/KKwYwbo?editors=0010
  16. Stacked area graph circles/anchors cropped

    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.
  17. Stackedcolumn2Dlinedy

    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.
  18. Rounded corners in a chart

    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.
  19. Javascript-Chart Type Not Supported

    Hi Shourya, Extract the zip that you get from the provided download link of the trial version, where you will get the fusioncharts.js, fusioncharts.widgets.js and other JS files in the package extracted. To render an Angular gauge, use the <script> tags in your HTML page as below to include the required JS files from the package by providing the respective paths : <script type="838148fb95bf1f5e127ccc9f-text/javascript" src="path to file fusioncharts.js"></script> <script type="838148fb95bf1f5e127ccc9f-text/javascript" src="path to file fusioncharts.widgets.js"></script> For further reference, check the steps and instruction provided in the below documentation link : https://www.fusioncharts.com/dev/getting-started/plain-javascript/your-first-gauge-using-plain-javascript Thanks, Akash.
  20. Javascript-Chart Type Not Supported

    Hi Shourya, You are using a very older version of FusionCharts files. The file - FusionCharts.HC.js is no longer available. You need to use fusioncharts.js file and other required JS files from the current version(3.15.0-sr.1) library to render charts. Refer to the below documentation to render gauges : https://www.fusioncharts.com/dev/getting-started/plain-javascript/your-first-gauge-using-plain-javascript Download the trial version of the current(3.15.0-sr.1) library : https://www.fusioncharts.com/download/fusioncharts-suite-xt Thanks, Akash.
  21. Change X-Axis field in Bar/Line chart

    Hi Apurva, Interchangeable x-axis is not supported in a single chart. However, as per your explanation of the requirement, you can render to different dataSource on the same chart using setJSONData() API method. This method could be invoked on the radio button click event function. Please refer to this sample using the above technique to set the chart data with respect to Months and Products : https://codepen.io/Akash008/pen/JjoeQOz?editors=0110 Thanks, Akash.
  22. Change X-Axis field in Bar/Line chart

    Hi Apurva, As per our understanding, you want to have a time-series representation of the x-axis, where you can explore the data with atomicity on the x-axis. This feature is supported in the FusionTime product which works exclusively with time series data. Documentation link : https://www.fusioncharts.com/dev/fusiontime/getting-started/how-fusion-time-works Sample showcased : https://www.fusioncharts.com/fusiontime/examples Bar chart of FusionCharts does not support this feature. Thanks, Akash.
  23. Hi, Yes, you can render multiple charts in a single page. Please note : Each chart renders on a web component like a div. So for multiple charts you need to have multiple div, one for each chart. Also you need to include the required JS files of FusionCharts to render the chart. fusioncharts.js (Required for all charts and maps) fusioncharts.charts.js (Requqired for scroll charts from FusionChartsXT package) fusioncharts.widgets.js (Required for gantt chart from FusionWidgetsXT package) Refer to the sample : Thanks, Akash.
  24. Export multiple graph to image

    Hi, You can check the BatchExport feature of FusionCharts that exports multiple charts in a single image file. Documentation link : https://www.fusioncharts.com/dev/exporting-charts/using-fc-export-server/exporting-multiple-charts-in-a-single-image Thanks, Akash.
  25. FusionChart overlappedColumn2d chart

    Hi, The required feature is not supported in Overlapped charts as of now. Please check the documentation of Overlapped charts for reference : https://www.fusioncharts.com/dev/chart-guide/standard-charts/overlapped-column-and-bar-charts Thanks, Akash.