본문 바로가기

Javascript/Jquery

Jquery Google Chart(구글차트)

http://keith-wood.name/gChartRef.html

 <script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>        
    <script src="Scripts/jquery.gchart.min.js" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $('#typedChart').gchart({ type: 'radar',
            dataLabels: ['학습동기(100점)', '학스기술(100점)', '환경조절(100점)', '학습능력(100점)'],
            series: [$.gchart.series('IE', [10.97, 91.80, 88.16, 86.64, 10.97], 'red'),
        $.gchart.series('Netscape', [30.39, 50.83, 10.61, 10.00, 30.39], 'green'),
            //        $.gchart.series('Firefox', [0.00, 4.06, 8.13, 9.95], 'blue')
]
        }); 
    });
</script>

    <h2>
        Welcome to ASP.NET!
    </h2>
    <p>
        To learn more about ASP.NET visit <a href="http://www.asp.net" title="ASP.NET Website">www.asp.net</a>.
    </p>
    <p>
        You can also find <a href="http://go.microsoft.com/fwlink/?LinkID=152368&amp;clcid=0x409"
            title="MSDN ASP.NET Docs">documentation on ASP.NET at MSDN</a>.
    </p>
    <div id="typedChart" style="height:500px">
    
    </div>