如果名称重复，堆叠器水平条形图不显示正确的数据答案

【问题标题】：Stacker horizontal bar chart not showing proper data if name is repeated如果名称重复，堆叠器水平条形图不显示正确的数据
【发布时间】：2018-08-05 07:01:57
【问题描述】：

我正在使用堆栈器水平条形图来显示分配给他们的员工姓名和账单。但是当员工有相同的名字时，它不会同时显示它们。它只会在图表中显示最后一个绑定的员工。

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文件中来重新创建它

【问题讨论】：

如果有帮助请点赞

标签： angular charts angular5 jscharts

【解决方案1】：

你可以在这里做点小把戏，

 <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>

DEMO

【讨论】：