Chartjs:将y轴整数标签覆盖到某个字符串值

时间:2016-08-29 10:16:02

标签: chart.js

我创建了一个包含3个数据集的折线图。 y轴(表示rating)仅在[0-4]范围内,且永远不会大于4

我需要将整数标签转换为一些随机文本,例如 1 = slow2 = average等等.. 如何覆盖默认标签?

            scaleBeginAtZero: true,
            animation: true,
            animationEasing: "linear",
            bezierCurve: true,
            showTooltips: true,
            scaleShowHorizontalLines: true,
            scaleShowLabels: true,
            scaleType: 'date',

enter image description here

1 个答案:

答案 0 :(得分:0)

要修改ChartJs Y-axis标签,我们需要传递闭包函数,而不是将字符串传递给scaleLabel属性,这将修改标签文本。

scaleLabel: function (value)
                {
                    var label = "";
                    switch (parseInt(value))
                    {
                        case 1:
                            label = "Slow";
                            break;
                        case 2:
                            label = "Avg.";
                            break;
                        case 3:
                            label = "Fast";
                            break;
                        case 4:
                            label = "Exp.";
                            break;

                    }
                    return label;
                }

enter image description here

  

这是chartJs

的未记录的功能