DB값과 연동해서 구글차트 나타내기

DB값과 연동해서 구글차트 나타내기 채택완료

유성규 6년 전 조회 4,561

안녕하세요! 수고 많으십니다

영카트에 상품을 등록할 때 상품상세정보에 입력받은 값을 구글차트에 나타내고 싶은데요

DB에 보니까 g5_shop_item에 it_info_value에 입력이 되더라구요

</p>

<pre>
<head>
    <script type="text/javascript" src="<a href="https://www.gstatic.com/charts/loader.js"></script>" target="_blank" rel="noopener noreferrer">https://www.gstatic.com/charts/loader.js"></script></a>
    <script type="text/javascript">
        google.charts.load("current", {packages:["corechart"]});
        google.charts.setOnLoadCallback(drawChart);
        function drawChart() {
            var data = google.visualization.arrayToDataTable([
                ['Language', 'Speakers (in millions)'],
                ['탄수화물',  5.85],
                ['지방',  1.66],
                ['단백질', 0.316],
            ]);

            var options = {
                legend: 'none',
                pieSliceText: 'label',
                title: '성분정보',
                pieStartAngle: 100,
            };

            var chart = new google.visualization.PieChart(document.getElementById('piechart'));
            chart.draw(data, options);
        }
    </script>
</head>
<body>
<div id="piechart" style="width: 100%; height: 100%;left: 50%; right : 50%"></div>
</body></pre>

<p>

이런 형식으로 입력받는거같은데 초보다보니 어떻게 해야할지 도통 감이 안잡히네요..

혹시 영카트5 관련해서 참고할만한 자료가 있을가요?

DB값과 연동해서 구글차트 나타내기 채택완료

답변 1개

공유하기