Comment lancer fancybox de button onclick event pour dessiner Google Chart?

Pouvons-nous dessiner un graphique Google dans une boîte à lettres pop-up?

J’ai des données affichées dans un tableau, et il y a un bouton dans chaque ligne pour montrer le graphique Google de chaque enregistrement.

Actuellement, mon graphique est toujours affiché en bas après le tableau, mais lorsque vous faites défiler l’enregistrement au-dessus de l’écran, vous devez faire défiler l’écran jusqu’en bas pour obtenir l’affichage graphique. Est-il possible d’utiliser Fancybox ou d’une manière quelconque pour résoudre cet inconvénient?

Merci pour tout conseil!

• Graphique linéaire utilisant Flot is over Laping
• dessiner des graphiques sur Google Charts
• API Google Charts: affichez toujours les valeurs de sharepoint données à l’aide de arrayToDataTable. Comment?
• Flot renvoie une valeur x incorrecte (mm / jj / aa – date) après le zoom pour le graphique à barres de la stack
• Le graphique js montre les anciennes données en survol de la souris

html:

 ... 
 
 
 data 
  pie chart  
 
 
 
 
  

js:

 function drawPieChart(dataArr, elementId) { //dataArr : the data to display //elementId : 
 element where to display chart var data = google.visualization.arrayToDataTable(dataArr); var chart = new google.visualization.PieChart(document.getElementById(elementId)); chart.draw(data, options); } function showChart(){ //alert("readyState=" + xhr2.readyState); if(xhr2.readyState == 4) { if(xhr2.status == 200){ var allEmp = xhr2.responseText; var empList = JSON.parse(allEmp); ... prepare pieChartDate[] to draw chart ... //create 
 to displaying chart in it $('.secondary').html('
'); drawPieChart(pieChartData[0], "chart_div"); ... } function showChartByEmpId(){ var url = '/CMP/employee/emp.do'; //create XMLHttpRequest xhr = createXHR(); if( xhr == null ){ alert("no xhr creted"); return; } var requestData = "action=getOneEmpJSON&empId1=" + escape(empId1) + "&empId2=" + escape(empId2); xhr.open('POST', url, true); xhr.onreadystatechange = showChart; xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); xhr.send(requestData); } 

• Marqueurs / Cercles dans Spline chart dans les graphiques supérieurs
• filtre de chaîne et données de filtre de contrôle plus d’un graphique Google
• FLOT: Commandez l’axe des y par date minimale
• Chart.js Valeur par défaut en l’absence de données de graphique
• Format Highcharts xAxis pour les données boursières

 pie chart 

 jQuery(function ($) { $(".doPiechart").each(function (i) { $(this).on("click", function () { showChartByEmpId(i); $.fancybox("#chart_div"); }); // on click }); // each });