상세 컨텐츠

본문 제목

html chart 는 google chart 가 좋네요

소프트웨어/java

by 야솔아빠 2014. 4. 16. 09:22

본문

반응형

google chart 를 이용하니 쉽게 web으로 chart 를 만들수 있네요..



http://code.google.com/apis/ajax/playground/?type=visualization



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

  <meta http-equiv="content-type" content="text/html; charset=utf-8" />

  <title>Google Visualization API Sample</title>

  <script type="text/javascript" src="//www.google.com/jsapi"></script>

  <script type="text/javascript">

    google.load('visualization', '1', {packages: ['annotatedtimeline']});

    function drawVisualization() {

      var data = new google.visualization.DataTable();

      data.addColumn('date', 'Date');

      data.addColumn('number', 'TEST');

      data.addRows([

[new Date(2013, 11, 17),        238108],

[new Date(2013, 11, 18),        223574],

[new Date(2013, 11, 19),        217990],

[new Date(2013, 11, 20),        246661],

[new Date(2013, 11, 21),        104182],

[new Date(2013, 11, 22),        82492],

[new Date(2013, 11, 23),        222744],

[new Date(2013, 11, 24),        222533],

[new Date(2013, 11, 25),        106331],

[new Date(2013, 11, 26),        218674],

[new Date(2013, 11, 27),        227848],

[new Date(2013, 11, 28),        101961],

[new Date(2013, 11, 29),        83579],

[new Date(2013, 11, 30),        209990],

[new Date(2013, 11, 31),        188000],

[new Date(2013, 12, 01),        81540],

[new Date(2013, 12, 02),        206957],

[new Date(2013, 12, 03),        238230],

[new Date(2013, 12, 04),        108631],

[new Date(2013, 12, 05),        88743],

[new Date(2013, 12, 06),        253656],

[new Date(2013, 12, 07),        254892],

[new Date(2013, 12, 08),        258731],

[new Date(2013, 12, 09),        263954],

[new Date(2013, 12, 10),        290181],

[new Date(2013, 12, 11),        118554],

[new Date(2013, 12, 12),        88495],

[new Date(2013, 12, 13),        250846],

[new Date(2013, 12, 14),        272642],

[new Date(2013, 12, 15),        255618],

[new Date(2013, 12, 16),        253325],

[new Date(2013, 12, 17),        276945],

[new Date(2013, 12, 18),        113851],

[new Date(2013, 12, 19),        88113],

[new Date(2013, 12, 20),        248465],

[new Date(2013, 12, 21),        237911],

[new Date(2013, 12, 22),        229354],

[new Date(2013, 12, 23),        225569],

[new Date(2013, 12, 24),        244593],

[new Date(2013, 12, 25),        109972],

[new Date(2013, 12, 26),        89277],

[new Date(2013, 12, 27),        229514],

[new Date(2013, 12, 28),        232697],

[new Date(2013, 12, 29),        236313],

[new Date(2013, 12, 30),        123380],

[new Date(2013, 12, 31),        108267],

[new Date(2014, 01, 01),        96699],

[new Date(2014, 01, 02),        82571],

[new Date(2014, 01, 03),        227443],

[new Date(2014, 01, 04),        233772],

[new Date(2014, 01, 05),        241098],

[new Date(2014, 01, 06),        245613],

[new Date(2014, 01, 07),        270482],

[new Date(2014, 01, 08),        115739],

[new Date(2014, 01, 09),        89828],

[new Date(2014, 01, 10),        271698],

[new Date(2014, 01, 11),        267465],

[new Date(2014, 01, 12),        260136],

[new Date(2014, 01, 13),        257771],

[new Date(2014, 01, 14),        266641],

[new Date(2014, 01, 15),        118657],

[new Date(2014, 01, 16),        90301],

[new Date(2014, 01, 17),        257881],

[new Date(2014, 01, 18),        278308],

[new Date(2014, 01, 19),        281370],

[new Date(2014, 01, 20),        330401],

[new Date(2014, 01, 21),        334758],

[new Date(2014, 01, 22),        132853],

[new Date(2014, 01, 23),        100597],

[new Date(2014, 01, 24),        273466],

[new Date(2014, 01, 25),        278297],

[new Date(2014, 01, 26),        275943],

[new Date(2014, 01, 27),        248350],

[new Date(2014, 01, 28),        265812],

[new Date(2014, 02, 01),        116005],

[new Date(2014, 02, 02),        89914],

[new Date(2014, 02, 03),        258389],

[new Date(2014, 02, 04),        258921],

[new Date(2014, 02, 05),        274750],

[new Date(2014, 02, 06),        254320],

[new Date(2014, 02, 07),        265218],

[new Date(2014, 02, 08),        109927],

[new Date(2014, 02, 09),        108877],

[new Date(2014, 02, 10),        278616],

[new Date(2014, 02, 11),        259454],

[new Date(2014, 02, 12),        413627],

[new Date(2014, 02, 13),        287789],

[new Date(2014, 02, 14),        325810],

[new Date(2014, 02, 15),        121475],

[new Date(2014, 02, 16),        119921],

[new Date(2014, 02, 17),        295338],

[new Date(2014, 02, 18),        288851],

[new Date(2014, 02, 19),        276050],

[new Date(2014, 02, 20),        275651],

[new Date(2014, 02, 21),        288865],

[new Date(2014, 02, 22),        116398],

[new Date(2014, 02, 23),        88949],

[new Date(2014, 02, 24),        277645],

[new Date(2014, 2 , 25), 257139],

[new Date(2014, 2 , 26), 251137],


[new Date(2014, 2 , 27), 252087],

[new Date(2014, 2 , 28), 275213],

[new Date(2014, 2 , 29), 114693],

[new Date(2014, 2 , 30), 86620],

[new Date(2014, 2 , 31), 269193],

[new Date(2014, 3 , 1), 259122],

[new Date(2014, 3 , 2), 251747],

[new Date(2014, 3 , 3), 248796],

[new Date(2014, 3 , 4), 261031],

[new Date(2014, 3 , 5), 101566],

[new Date(2014, 3 , 6), 87228],

[new Date(2014, 3 , 7), 251351],

[new Date(2014, 3 , 8), 269658],

[new Date(2014, 3 , 9), 247061],

[new Date(2014, 3 , 10), 254956],

[new Date(2014, 3 , 11), 277427],

[new Date(2014, 3 , 12), 116708],

[new Date(2014, 3 , 13), 88051],

[new Date(2014, 3 , 14), 275386],

[new Date(2014, 3 , 15), 268121],

[new Date(2014, 3 , 15), 268121]      ]);

    

      var annotatedtimeline = new google.visualization.AnnotatedTimeLine(

          document.getElementById('visualization'));

      annotatedtimeline.draw(data, {'displayAnnotations': true});

    }

    

    google.setOnLoadCallback(drawVisualization);

  </script>

</head>

<body style="font-family: Arial;border: 0 none;">

   <h1>Online PNR Count</h1>   <div id="visualization" style="width: 1040px; height: 520px;"></div>

</body>

</html>


반응형
저작자표시

'소프트웨어 > java' 카테고리의 다른 글

eclipse web service client - exceptionName:org.apache.axis.NoEndPointException  (0) 2015.05.15
java process 옵션 검색 명령 jps  (0) 2014.04.18
java.util.logging.Logger example  (0) 2014.04.10
java simple logging  (0) 2014.01.23
JDBC 엑사데이터 RAC 접속 string  (0) 2013.11.29

관련글 더보기

댓글 영역

티스토리툴바