javascript - 使用谷歌图表旋转时将 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>
解决方案
推荐阅读
- c# - 如何使用无限循环或控制台读取键的替代方案来保持应用程序的活动?(如果可能的话)
- pointers - 为什么变量的可变性没有反映在 Rust 的类型签名中?
- cookies - 在没有身份的 Blazor 应用程序中重新验证服务器身份验证状态提供程序
- c - little-endian 处理器如何在 C 的内存中保存一个数字?
- iphone - 找不到设备的配对记录... - 尝试将 Appium 连接到真实 iPhone 设备时出现问题/Appium 无法连接到真实 iPhone
- matlab - 如何自动传输数据
- python - 带有窗口函数的 Pandas 累积和
- javascript - 为什么 VS Code 不再显示智能感知
- ansible - 不同主机中的ansible副本
- javascript - 即使在页面刷新时如何保留所选引导卡的边框?