Akash Biswas

Moderators
  • Content count

    206
  • Joined

  • Last visited

Posts posted by Akash Biswas


  1. Hi,

     

    Using the export feature of FusionCharts, you can manually select the export format from the export menu(top right) to export chart in the selected format.

    Also FusionCharts provides an API method "exportChart()" to export the chart, which you can invoke on the chart instance when the chart has rendered. Please refer to the documentation below to implement accordingly in your FileMaker environment : https://www.fusioncharts.com/dev/api/fusioncharts/fusioncharts-methods#setJSONData#exportChart

    Sample : http://jsfiddle.net/fusioncharts/73xgmacm/

    To save the export file at specific location, you need to implement private export server. Please refer to the below link to set up private export server :

    https://www.fusioncharts.com/dev/exporting-charts/using-fc-export-server/server-side-export/setup-private-export-server/asp-net

     

    Thanks,

    Akash.


  2. Hi,

     

    The export feature of FusionCharts is intended to capture the current state of the chart. So, if the chart has scroll enabled, exported image would capture the current visible portion of the chart. This is an intended feature.

    Possible work-around : To export the entire chart(that has scroll enabled), programmatically you can use the "resize()" API method to increase the chart width accordingly to avoid scrolling, and then export the entire chart(without scrolling). And then again revert back to the original width using "resize()" API method after exporting.

    Please check this sample(scroll column chart) for reference to the implementation : http://jsfiddle.net/rkmbx2h8/1/

     

    However, when you are using a Gantt chart with the above suggested work-around, you would need to add few attributes to configure the scroll feature of Gantt chart.

    1. Horizontal scrolling of Gantt pane, set "ganttPaneDurationUnit" and "ganttPaneDuration" attributes to null for disabling gantt pane scroll.

    2. Vertical scrolling of Gantt pane, set "useVerticalScrolling" attribute to "0" for disabling vertical scroll.

    For reference, check the documentation link : https://www.fusioncharts.com/dev/chart-guide/standard-charts/gantt-chart#add-scroll-to-chart

     

    Sample Gantt chart : http://jsfiddle.net/ojutx19a/1/

     

    Thanks,

    Akash.


  3. Hi,

     

    The categories object that you have defined is not complying to the prescribed format of FusionCharts scroll chart. Please check the below structure of "categories" object array :

    "categories": [
            {
                "category": [
                    {
                        "label": "Jan 2016"
                    },
                    {
                        "label": "Feb 2016"
                    },
                    {
                        "label": "Mar 2016"
                    },
                    {
                        "label": "Apr 2016"
                    },
                    {
                        "label": "May 2016"
                    },
                    {
                        "label": "Jun 2016"
                    },
                    {
                        "label": "Jul 2016"
                    },
                    {
                        "label": "Aug 2016"
                    },
                    {
                        "label": "Sep 2016"
                    },
                    {
                        "label": "Oct 2016"
                    },
                    {
                        "label": "Nov 2016"
                    },
                    {
                        "label": "Dec 2016"
                    }
                ]
            }
        ]

     

    Also the "dataset" object array is not as per the prescribed format. It should have "data" object array within the "dataset" objects. Refer to the below snippet :

    "dataset": [{
            "data": [{
                "value": 210.65
              },
              {
                "value": 564.65
              },
              {
                "value": 261.45
              }]
          }]

     

    Find a sample fiddle modifying the structure of your JSON dataSource : http://jsfiddle.net/czhu8bvt/3/

     

    Thanks,

    Akash.


  4. Hi,

     

    The JSON dataSource that you have generated need few modifications, as the dataSource is not as per the prescribed format of FusionCharts. Please find the below modifications :

    1. "tasks" is an object, not an array as in your dataSource.

    2. "processes" is an object, not an array as in your dataSource.

    3. The "process" objects within "processes" must have "id" attributes defined uniquely for all the process objects.

    4. The defined process object IDs need to be used in the individual task objects to map those tasks to the process(rows) using "processID" attribute within the task objects.

     

    Please check the sample fiddle for the modified dataSource to render the Gantt chart : http://jsfiddle.net/oqm54nga/2/

     

    Thanks,

    Akash.


  5. Hi,

     

    Please let us know if you are getting any error in the console. Also check if the chart is rendering fine without including your PHP file menu.php inside body tag.

    Ensure that you are using the FusionCharts PHP wrapper to render charts in PHP environment. Please refer to the documentation link for using the PHP wrapper of FusionCharts :

    https://www.fusioncharts.com/dev/getting-started/php/your-first-chart-using-php

     

    Thanks,

    Akash.


  6. Hi,

     

    Please let us know if you are getting any error in the console. Also check if the chart is rendering fine without including your PHP file menu.php inside body tag.

    Ensure that you are using the FusionCharts PHP wrapper to render charts in PHP environment. Please refer to the documentation link for using the PHP wrapper of FusionCharts :

    https://www.fusioncharts.com/dev/getting-started/php/your-first-chart-using-php

     

    Thanks,

    Akash.


  7. Hi,

     

    Apologies for the delay in response due to extremely bad weather condition at our location.

    As per our observation, you are using the older Flash version of the library, which has been deprecated long back and no longer support is provided. FusionCharts is a pure JavaScript library from 3.4.0 version and the current version is 3.13.4.

    We would suggest you to upgrade to the current version and check. Please find the download link : https://www.fusioncharts.com/download/fusioncharts-suite-xt

     

    Thanks,

    Akash.


  8. Hi James,

     

    It seems you are using the old Flash based version of FusionCharts.

     

    FusionCharts now is a pure JavaScript library and it no longer support Flash. Current version of FusionCharts is 3.13.4 and the transition from flash to JavaScript was in 3.4.0 version.

    So, Flash is deprecated and no longer support is provided. We would suggest you to upgrade to the current JavaScript version.

    Download link : https://www.fusioncharts.com/download/fusioncharts-suite-xt

    Installation and usage guide : https://www.fusioncharts.com/dev/getting-started/plain-javascript/your-first-chart-using-plain-javascript

     

    Thanks,

    Akash.


  9. Hi,

     

    FusionCharts do not have Sankey chart supported as of now, though we have it in our wish list.

    For your query of Parallel sets, please provide a reference link or a mock-up image.

    Regarding your Flow map visualization, please check the supported Drag node chart of FusionCharts in the below link if this is your required visualization. If not, kindly share a mock-up image so that we can check and get back to you.

    https://www.fusioncharts.com/charts/drag-node-charts/org-chart-visualization

    Drag node chart documentation link : https://www.fusioncharts.com/dev/chart-guide/standard-charts/drag-node-chart

     

    Thanks,

    Akash.


  10. Hi Vicky,

     

    In order to change the chart type for the child chart you need to use configureLink API method to set the child chart type, you can also set different chart at a different level, provided the datastructure for each chart is correct.

    Provide the configureLink() API method parameter as below :

    myChart.configureLink([ { type: 'bar2d' }, { type: 'line' }, { type: 'pie2d' } ]);

    Sample for reference : http://jsfiddle.net/muw1L4k5/1/

     

    Thanks,

    Akash.


  11. Hi Vicky,

     

    The API method "configureLink()" is not used properly. It does not need the render() method to be invoked with the configureLink() as in the provided snippet.

    Please use it as below :

    drilldownobj.configureLink({
            type: "pie2d",
            overlayButton: {
                message: 'Back to parent chart',
                bgColor: '#999999',
                borderColor: '#cccccc'
            }
        });
    

    You can also refer to a sample fiddle : http://jsfiddle.net/fusioncharts/zdewk96j/

    Please find the configureLink() API method reference in the list : https://www.fusioncharts.com/dev/api/fusioncharts/fusioncharts-methods

     

    Thanks,

    Akash.


  12. Hi Ravi,

     

    We have checked rendering a chart using FusionCharts Angular plugin with the mentioned export configuration as below :

    "exportEnabled": "1",

    "exportMode": "client"    [Same as "exportAtClient" which is now deprecated]

     

    Please find the attached screenshot for the exported files(PNG, JPG, PDF, SVG) from the chart rendered in IE :

    image.thumb.png.69248cd53a54b43bdbaf3027438f7f8b.png

     

    Also check the Angular sample in the below DropBox link :

    https://www.dropbox.com/s/k2l7ipipcjnev2m/my-app-angular.zip?dl=0

     

    Thanks,

    Akash.

    FusionCharts.png

    FusionCharts.jpg

    FusionCharts.pdf

    FusionCharts.svg