Skip to main content

​
Description

To give users the option to export a chart include the Chart Export tag within the Chart Display tag. Adding the tag will enable exporting without adding any attributes. This tag must be nested in the Chart Display tag.

​
Usage

as element: 
<chart:export
       [file-name="{string}"]
       [url="{string}"]>
</chart:export>

​
Directive info

  • This directive creates new scope.

​
Parameters

ParamTypeDetails
file-name (optional)stringCustom name for the file when downloaded, if nothing is entered it will default to ‘chart’.
url (optional)stringUrl of the export server, if left blank it will use the providers export server.

​
Example

​
Source

<chart:display response="response" facet-name="test" type="column">
    <chart:export file-name="column"></chart:export>
</chart:display>

angular.module('lightning')
.controller('ExampleController', ['$scope','$timeout','ResponseService', function($scope,$timeout,ResponseService) {
            $scope.response = {
                page: 2,
                query: {
                    rpp: 50
                },
                facets: {
                    test: {
                        filters: [
                            {

                                val: {
                                    dsp: 'dsp1',
                                    act: 1
                                },
                                count: 1,

                            },
                            {

                                val: {
                                    dsp: 'dsp2',
                                    act: 2
                                },
                                count: 2,
                            }

                        ]
                    },
                },
                results: [
                    {
                        result: {
                            fields: {
                                label: 'label1',
                                value: 1
                            }
                        },

                    },
                    {
                        result: {
                            fields: {
                                label: 'label2',
                                value: 2
                            }
                        },

                        hits: {
                            act: ['Hits', 264]
                        }
                    }]
            }

            ResponseService.setResponse('response',$scope.response);
        }]);

​
Result

Result