在条形图上显示 "rgb(0,0,0)" 而不是标签值的工具提示

Question

我正在使用 Chart.js 的 2.0（Alpha）版本，并且...

我的条形图的工具提示显示字符串 "rgb(0,0,0)" 而不是上面代码的标签值。您可以看到 this.data.labels 包含数字字符串。如果我将它们更改为常规整数，它们会在出现奇怪的效果后显示良好，您会看到很多小数变化得如此之快...

var ScoresFrequencyChartDrawer = function () {
    this.data = { 
        labels: ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10"],
        datasets: [{
            backgroundColor: "rgba(150, 150, 150, 0.9)",
            data: [1, 1, 2, 3, 7, 12, 15, 17, 23, 15, 10]
        }]
    };
    this.options = {
        events: ["mousemove"],
        scales: {
            xAxes: [{
                display: true,
                gridLines: {
                    drawOnChartArea: false
                },
                labels: {
                    fontSize: 15,
                    fontStyle: "bolder"
                }
            }],
            yAxes: [{
                display: false,
                gridLines: {
                    drawOnChartArea: false
                }
            }]
        }
    };
    this.chart = {};
}

ScoresFrequencyChartDrawer.prototype.draw = function() {
    var canvas = document.getElementById("scores-frequency-chart");
    var ctx = canvas.getContext("2d");
    this.chart = new Chart(ctx, {
        type: 'bar',
        data: this.data,
        options: this.options
    });
}

问题在 github -> https://github.com/nnnick/Chart.js/issues/1261

Answer 1

我已经用上面的代码修复了它...

// Adding this to the this.data.labels initialization
labels: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10].map(eachToString),

// The eachToString function
function eachToString(el) {
    return el.toString()+"%";
}

但由于存在错误，Github 处的问题仍未解决。

在条形图上显示 "rgb(0,0,0)" 而不是标签值的工具提示

Tooltips displaying "rgb(0,0,0)" instead of label value on bar chart

javascript

charts

chart.js