Created
August 7, 2018 10:34
-
-
Save admicaa/2f687d82206c8a26493ce55e89b30fd6 to your computer and use it in GitHub Desktop.
Laravel Snappy, For PDF with Charts.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | |
| <style> | |
| .pie-chart { | |
| width: 900px; | |
| height: 500px; | |
| margin: 0 auto; | |
| } | |
| </style> | |
| {{-- make sure you are using http, and not https --}} | |
| <script type="text/javascript" src="http://www.google.com/jsapi"></script> | |
| <script type="text/javascript"> | |
| function init() { | |
| google.load("visualization", "1.1", { | |
| packages: ["corechart"], | |
| callback: 'drawCharts' | |
| }); | |
| } | |
| function drawCharts() { | |
| var data = google.visualization.arrayToDataTable([ | |
| ['Task', 'Hours per Day'], | |
| ['Coding', 11], | |
| ['Eat', 1], | |
| ['Commute', 2], | |
| ['Looking for code Problems', 4], | |
| ['Sleep', 6] | |
| ]); | |
| var options = { | |
| title: 'My Daily Activities', | |
| }; | |
| var chart = new google.visualization.PieChart(document.getElementById('piechart')); | |
| chart.draw(data, options); | |
| } | |
| </script> | |
| </head> | |
| <body onload="init()"> | |
| <div id="piechart" class="pie-chart"></div> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment