DEMO CODE/jQuery 활용

[Chart] Morris.js Donut Chart

도쿄아재 2016. 3. 25. 19:24
반응형

소 스


<!DOCTYPE html>
<html>
<head>
    <script src="http://cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js"></script>
    <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
    <script src="http://cdn.oesmith.co.uk/morris-0.4.1.min.js"></script>
    <meta charset=utf-8 />
    <title>Morris.js Donut Chart Example</title>
    <script>
        jQuery(document).ready(function($) {
            Morris.Donut({
                element: 'donut-example',
                data: [
                    {label: "label 1", value: 42},
                    {label: "label 2", value: 30},
                    {label: "label 3", value: 20}
                ]
            });
        });
    </script>
</head>
<body>
<div style="width: 300px; height: 300px; background-color: crimson"  id="donut-example"></div>
</body>
</html>


실행결과





반응형
저작자표시