首页 > 解决方案 > 使用谷歌图表旋转时将 3d 饼图转换为 2d 饼图

问题描述

我可以使用谷歌图表创建一个 3d 饼图,但是在旋转时它会转换为 2d 饼图,即使我设置了 is3D:true 选项,任何人都可以帮我解决这个问题。

google.charts.load("current", { packages: ["corechart"] });
        google.charts.setOnLoadCallback(drawChart);
        function drawChart() {
            var data = google.visualization.arrayToDataTable([
                ['Task', 'Hours per Day'],
                ['Work', 11],
                ['Eat', 2],
                ['Commute', 2],
                ['Watch TV', 2],
                ['Sleep', 7]
            ]);

            var options = {
                title: 'My Daily Activities',
                is3D: true,
                pieHole: 0.25,
                pieStartAngle: 0,
                animation:
                {
                    startup: true,
                    duration: 2000,
                    easing: 'out'
                }
            };

            var chart = new google.visualization.PieChart(document.getElementById('piechart'));
            google.visualization.events.addListener(chart, 'ready', function () {
                if (options.pieStartAngle < 360) {
                    options.pieStartAngle++;
                    // options.is3D = true;
                    setTimeout(function () {
                        // options.is3D = true;
                        chart.draw(data, options);
                    }, 1);
                }
            });
            // options.is3D = true;
            chart.draw(data, options);
        }
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<div id="piechart" style="width: 900px; height: 500px;"></div>

标签: javascriptchartsgoogle-visualization

解决方案


推荐阅读