如果名称重复,则堆叠器水平条形图不显示正确的数据
Stacker horizontal bar chart not showing proper data if name is repeated
我正在使用 stacker 水平条形图来显示员工姓名和分配给他们的账单。但是当员工有相同的名字时,它不会显示他们两个。它只会在图表中显示最后绑定的员工。
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>
我正在使用 stacker 水平条形图来显示员工姓名和分配给他们的账单。但是当员工有相同的名字时,它不会显示他们两个。它只会在图表中显示最后绑定的员工。
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>