1. 程式人生 > >Highcharts 3D圓環圖後臺遍歷圖片

Highcharts 3D圓環圖後臺遍歷圖片

   <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>