2015-03-20 4 views
1

Я попытался создать образец для демонстрации диаграмм с использованием Chart.js. Я могу сделать это очень хорошо. Теперь я хочу экспортировать этот график в Excel и PDF.Как экспортировать диаграмму в формате Excel и PDF, используя Chart.js

Или это можно сделать, используя Chart.js

Вот мой код JavaScript:

function TyLyReport(){ 
    var barChartData = { 
     labels : ["Jan","Feb","Mar"], 
     datasets : [ 
      { 
       fillColor : "#616161", 
       highlightFill: "#616161", 
       data : [1000,2000,2500] 
      }, 
      { 
       fillColor : "#FF4848", 
       highlightFill: "#FF4848", 
       data : [1016,1800,2900] 
      } 
     ] 
    } 
    window.onload = function(){ 
     var ctx = document.getElementById("canvas").getContext("2d"); 
     window.myBar = new Chart(ctx).Bar(barChartData, { 
      responsive : true, 
      scaleOverride: true, 
      scaleSteps: 3, 
      scaleStepWidth: 1000, 
      scaleStartValue: 0, 
      scaleShowLabels: true, 
      barValueSpacing : 30 
     }); 
    } 
} 

Вот мой HTML код:

<div style="width: 80%"> 
    <canvas id="canvas" class="reportbox"></canvas> 
</div> 
<script> 
    TyLyReport(); 
</script> 

Могу ли я сделать это, используя эту таблицу .js?

Если да, предложите вероятное решение или, если нет, сообщите мне, есть ли какой-либо инструмент с открытым исходным кодом для этого.

Большое спасибо.

ответ

1

Chart.js оленья кожа преобразования поддержки в формате PDF, но вы можете преобразовать его в изображение, используя следующий код

function done() { 
    console.log('done'); 
    var url=document.getElementById("page").toDataURL(); 
    document.getElementById("url").src=url; 
} 

В настройках вы должны установить следующее:

onAnimationComplete: done 
Смежные вопросы