Highcharts 3D圆环图后台遍历图片

版权声明: https://blog.csdn.net/eds124/article/details/85266429
   <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>

猜你喜欢

转载自blog.csdn.net/eds124/article/details/85266429