Amchart - Экспорт в PNG-файл

Question

Я создал amchart для построения временной области. Мне нужно добавить экспорт в изображение вариант на этот график. Ниже показан код amchart. Какие строки нужно добавить экспорт в опции изображения на этом графике

 



    AmCharts.ready(function() { 
        // first we generate some random data 
        generateChartData(); 

        // SERIAL CHART 
        chart = new AmCharts.AmSerialChart(); 
        chart.pathToImages = "../amcharts/images/"; 
        chart.dataProvider = chartData; 
        chart.categoryField = "date"; 

        // data updated event will be fired when chart is first displayed, 
        // also when data will be updated. We'll use it to set some 
        // initial zoom 
        chart.addListener("dataUpdated", zoomChart); 

        // AXES 
        // Category 
        var categoryAxis = chart.categoryAxis; 
        categoryAxis.parseDates = true; // in order char to understand dates, we should set parseDates to true 
        categoryAxis.minPeriod = "mm"; // as we have data with minute interval, we have to set "mm" here.    
        categoryAxis.gridAlpha = 0.07; 
        categoryAxis.axisColor = "#DADADA"; 

        // Value 
        var valueAxis = new AmCharts.ValueAxis(); 
        valueAxis.gridAlpha = 0.07; 
        valueAxis.title = "Unique visitors"; 
        chart.addValueAxis(valueAxis); 

        // GRAPH 
        var graph = new AmCharts.AmGraph(); 
        graph.type = "line"; // try to change it to "column" 
        graph.title = "red line"; 
        graph.valueField = "visits"; 
        graph.lineAlpha = 1; 
        graph.lineColor = "#d1cf2a"; 
        graph.fillAlphas = 0.3; // setting fillAlphas to > 0 value makes it area graph 
        chart.addGraph(graph); 

        // CURSOR 
        var chartCursor = new AmCharts.ChartCursor(); 
        chartCursor.cursorPosition = "mouse"; 
        chartCursor.categoryBalloonDateFormat = "JJ:NN, DD MMMM"; 
        chart.addChartCursor(chartCursor); 

        // SCROLLBAR 
        var chartScrollbar = new AmCharts.ChartScrollbar(); 

        chart.addChartScrollbar(chartScrollbar); 

        // WRITE 
        chart.write("chartdiv"); 
       }); 

 

Answer 1

Вы просто должны быть в состоянии добавить следующее, прежде чем писать таблицу в DIV.

"exportConfig":{ 
    "menuTop": 0, 
    menuItems: [{ 
     textAlign: 'center', 
     icon: 'images/graph_export.png', 
     iconTitle: 'Save chart as an image', 
     onclick:function(){}, 
     items: [ 
      {title:'JPG', format:'jpg'}, 
      {title:'PNG', format:'png'}, 
      {title:'SVG', format:'svg'} 
     ] 
    }] 
} 

Это даст вам значок загрузки на графике для загрузки в форматах JPG, PNG или SVG.

Answer 2

Попробуйте этот код:

chart.export = { 
enabled: true, 
position: "bottom-right" 
} 
chart.initHC = false; 
chart.validateNow(); 

И не забудьте включить необходимый экспортный плагин!