2018. 3. 27.

Amcharts excel/Image(png,jpg,svg) 기능 추가하기.

Amcharts의 Export 기능을 사용해 보자.
내보내기 기능을 사용하기 위해선 아래 소스를 적용 시켜야 한다.


<script src="//cdn.amcharts.com/lib/3/plugins/export/export.min.js">
<link href="//cdn.amcharts.com/lib/3/plugins/export/export.css" rel="stylesheet" type="text/css">


아래의 toCSV와 formats.CSV.mimeType을 엑셀이나 다른 형식으로 바꿔주면 CSV 외의 다른 형식으로 내보내기를 할 수 있다. 자세한 사항은 하단 링크를 참조!

    var exportArr = [];
    var chartData = 차트 데이터;

    var temp = {
        label: "temp_title",
        click: function(e,dt) {
            var realData = [], realTitle = "파일명";
            realData = chartData;
            chart.export.toCSV({
                data: realData
            }, function(data) {
                this.download(data, this.defaults.formats.CSV.mimeType, realTitle+".csv");
            });
        }
    }
    exportArr.push(temp);

AmCharts.makeChart( "chartdiv", {
    "export": {
        "enabled": true,
            "exportFields": [
            "logDate",
            "logVal",
        ],
            "columnNames": {
            "logDate": "logDate",
                "logVal": "Value",
        },
        menu:[{
            "class":"export-main",
            menu: [
                {
                    label: "Download CSV",
                    // class: "export-main",
                    menu: exportArr
                }
            ]
        }]
    }
});


참고 링크 - https://github.com/amcharts/export

댓글 없음:

댓글 쓰기