javascript - 许多小数位的 Chart.js 数字 Y 轴标签格式

Question

我在使用 chart.js Y 轴标签时遇到问题。我有以下数据。

var data = {
labels: ["1","2","3","4","5"],
datasets: [
    {
        label: "My First dataset",
        fillColor: "rgba(220,220,220,0.5)",
        strokeColor: "rgba(220,220,220,0.8)",
        highlightFill: "rgba(220,220,220,0.75)",
        highlightStroke: "rgba(220,220,220,1)",
        data: [0.15000000000000088,0.15000000000000133,0.15000000000000177,0.15000000000000221,0.15000000000000308]
    },
]
};

我得到了这个结果。

Image of the Graph Result

如您所见，Y 轴上的标签在小数点后第五位被 chop 。如何在 Y 轴标签中显示我的数据的所有小数位？

TIA。

Answer 1

自从提出问题以来，这可能已经改变，但现在这似乎是首选方法:

var chart = new Chart(ctx, {
type: 'line',
data: data,
options: {
    scales: {
        yAxes: [{
            ticks: {
                // Include a dollar sign in the ticks
                callback: function(value, index, values) {
                    return '$' + value;
                }
            }
        }]
    }
}
});

http://www.chartjs.org/docs/latest/axes/labelling.html#creating-custom-tick-formats