Reactjs 数据更改时保留旧数据集标签的ChartJS

我将以下内容传递到我的图表：

if ($mode == 'margin') {
        $datasets = [[
            'label' => 'Invoiced margin',
            'backgroundColor' => "rgba(122, 208, 94, 0.3)",
            'borderColor' => "rgba(122, 208, 94, 1)",
            'lineTension' => 0.2,
            'data' => [],
            'hidden' => false
        ], [
            'label' => 'Invoiced target',
            'backgroundColor' => "rgba(160, 160, 160, 0.3)",
            'borderColor' => "rgba(160, 160, 160, 1)",
            'lineTension' => 0.2,
            'data' => [],
            'hidden' => false
        ]];
    } else if ($mode == 'activity') {
        $datasets = [[
            'label' => '# of companies targeted',
            'backgroundColor' => "rgba(255, 176, 92, 0.3)",
            'borderColor' => "rgba(255, 176, 92, 1)",
            'lineTension' => 0.2,
            'data' => [],
            'hidden' => true
        ], [
            'label' => 'Targeted target',
            'backgroundColor' => "rgba(251, 255, 143, 0.3)",
            'borderColor' => "rgba(251, 255, 143, 1)",
            'lineTension' => 0.2,
            'data' => [],
            'hidden' => true
        ], [
            'label' => 'Stages aquired',
            'backgroundColor' => "rgba(77, 255, 184, 0.3)",
            'borderColor' => "rgba(77, 255, 184, 1)",
            'lineTension' => 0.2,
            'data' => [],
            'hidden' => false
        ], [
            'label' => 'Stage target',
            'backgroundColor' => "rgba(176, 255, 143, 0.3)",
            'borderColor' => "rgba(176, 255, 143, 1)",
            'lineTension' => 0.2,
            'data' => [],
            'hidden' => false
        ], [
            'label' => 'Intros sent',
            'backgroundColor' => "rgba(175, 26, 255, 0.3)",
            'borderColor' => "rgba(175, 26, 255, 1)",
            'lineTension' => 0.2,
            'data' => [],
            'hidden' => true
        ], [
            'label' => 'Intro target',
            'backgroundColor' => "rgba(214, 138, 255, 0.3)",
            'borderColor' => "rgba(214, 138, 255, 1)",
            'lineTension' => 0.2,
            'data' => [],
            'hidden' => true
        ]];
    } else if ($mode == 'calls') {
        $datasets = [[
            'label' => 'Outbound call time actual',
            'backgroundColor' => "rgba(255, 176, 92, 0.3)",
            'borderColor' => "rgba(255, 176, 92, 1)",
            'lineTension' => 0.2,
            'data' => [],
            'hidden' => false
        ], [
            'label' => 'Outbound call time target',
            'backgroundColor' => "rgba(251, 255, 143, 0.3)",
            'borderColor' => "rgba(251, 255, 143, 1)",
            'lineTension' => 0.2,
            'data' => [],
            'hidden' => false
        ]];
    }

如果在“边距”和“调用”模式之间切换，图表顶部图例的标签会正确更改。但是，如果我选择“活动”，我会得到预期的标签，但当我更改回“边距”或“调用”时，“活动”中的标签仍保留在顶部，前两个被替换

这是ChartJS的错误吗？我尝试过用多种不同的方法创建图表，但我仍然遇到这个问题

---

有没有关于是什么原因的想法？

您使用的是哪个版本的chart.js？“react-chartjs-2”：“^2.0.0”您是否在纯chart.js而不是此包装中尝试过此功能？您是否也遇到了同样的问题？能否创建一个JSFIDLE或PLUNK来显示问题？