Gagan Sikri

  • Content count

  • Joined

  • Last visited

About Gagan Sikri

  • Rank
    Forum Guru

Profile Information

  • Gender
  • Location

Recent Profile Visitors

1,981 profile views
  1. Hey Yadanar, Please share a scaled down sample along with list of errors that you are getting at PHP side as well as in browser console, so that we can assist you further.
  2. I have divided the complete process into the following four easy-to-understand steps: Include the required JavaScript files Create the AngularJS app Define the chart controller Render the chart Step 1: Include the required JavaScript files We need the following three JavaScript dependencies to render our chart: AngularJS Library FusionCharts core package JS files FusionCharts Angular charts plugin We will include all the above files using the <script> tag, as shown in the code below: <html> <head> <!-- including AngularJS library --> <script type="text/javascript" src="path/to/angular.min.js"></script> <!-- including FusionCharts core package files --> <script type="text/javascript" src="path/to/fusioncharts.js"></script> <script type="text/javascript" src="path/to/fusioncharts.charts.js"></script> <!-- including FusionChart Angular charts plugin --> <script type="text/javascript" src="path/to/angular-fusioncharts.min.js"></script> </head> </html> Step 2: Create the AngularJS app Next, we need to create the Angular app and inject the ng-fusioncharts module, which is provided by the plugin that we have included in the previous step. This is how we do it: var app = angular.module('myChartApp', ['ng-fusioncharts']); Step 3: Define Chart Controller In this step, we will define a controller for our app. To achieve this, we will augment the controller scope with the dataSource and the chart configurations: app.controller('chartController', function($scope) { // chart datasource $scope.dataSource = { "chart": { // caption configuration "caption": "Highest Paid Actors", "captionFontBold": "0", "captionFontSize": "20", // more chart properties - explained later }, "data": [{ "label": "Leonardo", "value": "1" }, //more chart data ] }; }); Step 4: Render the Chart We are almost done now. To render the chart, we will add the fusioncharts directive inside the <div> tag where chart will be rendered. This is how we will do it: <div ng-controller="chartController"> <fusioncharts width= "100%" height= "400" type= "bar2d" dataFormat= "json" dataSource= "{{dataSource}}"> </fusioncharts> </div> When you’ve executed the above code, you should be seeing a live bar 2D chart. If your chart didn’t render, or you want to see the source code, check out this JSFiddle example. If you’d like to know know more about creating charts with AngularJS, you can refer to this developer documentation page.
  3. HI Aman, FusionCharts do not interpret with data passed to the chart and chart is rendered dynamically at front-end. To achieve your requirement you have to use chart attribute `connectNullData` and its value as `1` to connect line for data plots which are null. If you want null connection lines to be dashed, then you have to pass chart attribute `dashed` and its value as `1` for data plot which has some value before null data point. Please check this JSFiddle sample for the same:
  4. Hi You can make use of PhantomJS to export the chart and other elements of web page to PDF without rendering the chart on client side. You can refer to this link to know more. If you want to trigger export from client side (after chart is being rendered on browser), then you can make use of FusionCharts API method `getSVGString` and get SVG string for the chart and embed it to PDF export according to your requirement. Please check this JSFiddle sample for the same: To know more about this method, please check out this developer documentation page. Hope this helps.
  5. Hi You have to form chart data beforehand and then pass it to chart object. If $scope.data1 is not populated after render method is called then chart will show `No Data to Display` error as chart should have dataSource before chart is being rendered.
  6. Hi SWF files were used in flash charts and flash charts are deprecated now. FusionCharts now renders charts using pure JavaScript. I would recommend you to upgrade to latest version. If you are a licensed customer you can visit PUC portal and download latest package associated with your license else you can refer to this link to download evaluation version. For Europe map, you can check this JSFiddle and cross check your implementation: For more details about customizing Europe map you can visit below links: - Specification Sheet - Attributes Hope this helps.
  7. Hi You can check out this example for the same: Please make sure you are creating XML or JSON data according to FusionCharts format. You can use below JSFiddle samples for reference: - JSON: - XML: Also, according to code you sent earlier. It seems that you are using flash version of FusionCharts, and flash charts are deprecated now. I would suggest you to upgrade to latest version of FusionCharts and FusionCharts VB wrapper.
  8. Hi This issue is already logged internally and passed on to respective team. It will be taken up soon. We will notify you about the same.
  9. Hi SWF files were used in flash charts and flash charts are deprecated now since FusionCharts version 3.4. Now, FusionCharts renders charts using pure JavaScript only. You can download latest version using this link: You can also check this developer documentation for latest version:
  10. Hi Thanks for reporting the issue, we have logged it internally and will keep you posted about the same.
  11. Hi Please share a scaled down sample for the scenario so that we can check the issue and provide solution or workaround for this. Also, you should use `display:block` as in this case element is loaded on web page while in case of `display:none` element is not loaded at all.
  12. Hi Flash charts are deprecated since FusionCharts version 3.4. I would recommend you to upgrade to latest version of FusionCharts i.e. 3.11 and use latest version of Java Exporter. You can download evaluation version using this link: To know more about using Java exporter, you can refer to this developer documentation: You can also download this sample project for reference: do note that to run this project you have to make changes according to your system)
  13. Hi Please replicate the issue in this JSFiddle sample: that I can assist you accordingly.
  14. Hi Please share a scaled down sample for the issue you are facing so that I can assist you.
  15. Hi You can parse the data from database/data source and then pass time date values as strings to the chart object to render the charts with those values. Date and time values cannot be used directly as direct manipulation is not allowed in charts as of now. You can make use of real-time charts to showcase real-time data. Here's example for the same: