charts - 谷歌图表 - 爆炸饼图问题,而只有 1 个输入显示
问题描述
我正在使用谷歌图表制作分解饼图下面是我用于图表的选项
learnersEngagementCtrl.myChartObject.options = {
legend: 'none',
colors: ['rgb(100, 190, 35)', 'rgb(227, 71, 35)'],
slices: {
1: { offset: 0.1 }
}
};
这是我的数据表代码
learnersEngagementCtrl.myChartObject.data = {
"cols": [
{ id: "t", label: "Topping", type: "string" },
{ id: "s", label: "Slices", type: "number" }
], "rows": [
{
c: [
{ v: "Engaged users" },
{ v: learnersEngagementCtrl.NumberOfEngagedUsers }
]
},
{
c: [
{ v: "Not Engaged users" },
{ v: learnersEngagementCtrl.NumberOfUnEngagement}
]
}
]
};
这是我有两个没有问题的输入时的输出
但是当我有输入时..我面临以下问题
你能告诉我该怎么做才能解决这个问题吗?
解决方案
如果两个值都存在,则只能添加偏移选项。
初始化其他选项...
learnersEngagementCtrl.myChartObject.options = {
legend: 'none',
colors: ['rgb(100, 190, 35)', 'rgb(227, 71, 35)']
};
如果您有两个值,则添加偏移量...
if ((learnersEngagementCtrl.NumberOfEngagedUsers) && (learnersEngagementCtrl.NumberOfUnEngagement)) {
learnersEngagementCtrl.myChartObject.options.slices = {
1: { offset: 0.1 }
};
} else {
learnersEngagementCtrl.myChartObject.options.slices = null;
}
推荐阅读
- html - 隐藏样式显示:无不起作用
- javascript - Pino:默认级别未定义
- node.js - 如何将服务器端处理添加到 NodeJS React 项目
- java - 我不希望将相等的向量加在一起(或在没有的情况下列出)
- firebase - 如何将 FIREBASE HOSTING 站点置于维护模式?
- dask - Dask 计算在使用客户端时失败,在没有客户端设置时工作
- python - 训练 tensorflow 数据 API 与程序上的动态数据生成
- heroku - 将 Heroku 应用程序从暂存阶段提升到生产环境可以保持环境
- javascript - 使用 JavaScript / VB.Net 在不和谐中调用 HTML 代码
- eclipse - 使用 Eclipse Photon 配置 Tomcat 9 时遇到问题