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

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);
    }
}