为什么图形显示值为零，但值实际上不是零？

Question

我创建了一个具有x和y轴的对象。然后是一个数组，然后绘制数据。我知道来自x的某些数据是重复的，但我认为该程序将y中对应的重复项汇总并显示出来。

数据是当前计算和显示的，但是当我将鼠标悬停在条形图上时，它们显示的值为0或4，而显然不是这样。有什么建议为什么会发生这种情况？您可以看到图片：

Javascript：

                var str1 = ["2019", "2018", "2017", "2016", "2015", "2014", "2014"];
                var str = [14, 22, 32, 15, 14, 6,0];

                var trace = {
                x: str1,
                y: str,
                type:'bar'
                };

                var data = [trace];

                var mydiv = document.getElementById('chart');
                Plotly.newPlot(mydiv, data);

根据数据的外观：

有关图形外观的图片：

Answer 1

您已经确定，问题是由X系列中的重复值引起的。

[如果有这样的副本，例如此处（“ 2014”）：

var str1 = ["2019", "2018", "2017", "2016", "2015", "2014", "2014"];
var str = [14, 22, 32, 15, 14, 6,0];

摆脱这些，就像这样：

for (let i = str1.length - 1; i > 0; i--) {
    if (str1[i] === str[i-1]) {
        str1.splice(i, 1);
        str[i-1] += str[i];
        str.splice(i, 1);
    }
}