angular - 如果名称重复,堆叠器水平条形图不显示正确的数据
问题描述
我正在使用堆叠器水平条形图来显示分配给他们的员工姓名和账单。但是当员工有相同的名字时,它不会同时显示它们。它只会在图表中显示最后一个绑定的员工。
export var multi = [
{
"name": "sam",
"series": [
{
"name": "Bills",
"value": 100
},
],
},
{
"name": "sam",
"series": [
{
"name": "Bills",
"value": 90
}
]
},
{
"name": "john",
"series": [
{
"name": "Bills",
"value": 80
}
]
}
];
您可以通过将上述数据粘贴到https://embed.plnkr.co/UHQVvMUmxsieiYITMVPq?show=preview的 data.ts 文件中来重新创建它
解决方案
你可以在这里做点小把戏,
<ng-template #tooltipTemplate let-model="model">
<span class="tooltip-label">{{model.series.startsWith('sam') ? 'sam' : model.series}} / {{model.name}}</span>
<span class="tooltip-val">{{model.value}}</span>
</ng-template>
推荐阅读
- r - R bygroup 小鼠插补 - mouse.impute.bygroup
- python - 对象没有属性“cleaned_data”
- python - 获取字典的重复列表值并进行增量
- python - Python:预加载内存
- jquery - 使用此代码创建自定义函数 Jquery
- javascript - URL 类不接受 window.location 作为基本 URL
- docker - Kubernetes Minikube 驱动程序并在 VM 管理器中运行它?
- python - 滚动 OLS 以预测 y
- java - 拆分文本并写入组合框
- javascript - React Hooks:加载状态显示两次