Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
Tags
- 정렬
- 공정능력
- IntelliJ
- tomcat
- table
- Sqoop
- Python
- vaadin
- hadoop
- maVen
- JavaScript
- mapreduce
- NPM
- Kotlin
- 보조정렬
- Eclipse
- Spring
- MSSQL
- SPC
- react
- es6
- Java
- Android
- window
- SQL
- xPlatform
- mybatis
- R
- GIT
- Express
Archives
- Today
- Total
DBILITY
독거 가능성 100% 노후에 라면값이라도 하게 센스를 발휘합시다!😅
Please click on the ad so that I can pay for ramen in my old age!
点击一下广告,让老后吃个泡面钱吧!
老後にラーメン代だけでもするように広告を一回クリックしてください。
google chart sample 본문
반응형
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <!--<script src="https://cdn.jsdelivr.net/npm/vue@2.6.12/dist/vue.js"></script>--> <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script> </head> <body> <h2>Draw Graph using Google Chart</h2> <h3>Vote for Favorite fruits</h3> <div id="chartDiv" style="height:500px"></div> <script> var fruitsData = [ ['Kinds', 'Count'], ['Apple', 3], ['Banana', 4], ['Orange', 5], ['Strawberry', 1], ['Watermelon', 3], ['melon', 3] ]; var drawBasic = function() { var data = google.visualization.arrayToDataTable(fruitsData); var options = {title: 'Favorite Fruits', 'is3D': true}; var chart = new google.visualization.PieChart(document.getElementById('chartDiv')); console.log(data); console.log(options); console.log(chart); chart.draw(data, options); }; google.charts.load('current', {packages: ['corechart']}); google.charts.setOnLoadCallback(drawBasic); </script> </body> </html>
반응형
'front-end & ui > html' 카테고리의 다른 글
web pdf viewer iframe toolbar disable ( pdf 툴바 제거 ) (0) | 2023.01.12 |
---|
Comments