Highcharts 3D圓環圖後臺遍歷圖片
阿新 • • 發佈:2019-01-04
<div id="container" style="width: 1000px; height: 700px; margin: 0 auto"> </div> <script language="JavaScript"> $(document).ready(function() { var chart = { type: 'pie', options3d: { enabled: true, alpha: 45 } }; var title = { text: '每週水果配送量' }; var subtitle = { text: 'Highcharts 3D圓環圖' }; var plotOptions = { pie: { innerSize: 100, depth: 45 } }; var series = [{ name: '配送量', data: [ <% For Each kv As System.Collections.Generic.KeyValuePair(Of String, Integer) In a() %> ["<%=kv.key %>",<%=kv.value %>], <% next %> ] }]; var json = {}; json.chart = chart; json.title = title; json.subtitle = subtitle; json.plotOptions = plotOptions; json.series = series; $('#container').highcharts(json); }); </script>