Question

我有以下行图表： X轴：日期 Y轴：0,1,2。

 var lineChartData = {
                labels : data_grafico,
                datasets : [
                    {
                            fillColor : "rgba(0,0,0,0)",
                            strokeColor : "rgba(0,0,0,1)",
                            highlightFill: "rgba(220,220,220,0.75)",
                            highlightStroke: "rgba(220,220,220,1)",
                            bezierCurve : false,
                            label: "Cassa",
                            data : cassa
                    },
                    {
                            fillColor : "rgba(0,0,0,0)",
                            strokeColor : "rgba(151,187,205,0.8)",
                            highlightFill : "rgba(151,187,205,0.75)",
                            highlightStroke : "rgba(151,187,205,1)",
                            bezierCurve : false,
                            label: "Bar",
                            data : bar
                    }
                ]
            };

Cassa和Bar看起来像：[0,0,1,2,0 ...] 显然，如果我没有任何2值，则不在y轴上。即使没有任何具有该值的行，我怎样才能在y轴上始终拥有我的0,1,2？然后，如果我想用“零”，“一个”，“两个”这个词改变0,1,2怎么办？

Answer 1

您可以使用scaleOverride和scaleLabel选项，例如

new Chart(ctx).Line(lineChartData, {
    scaleOverride: true,
    scaleSteps: 2,
    scaleStepWidth: 1,
    scaleStartValue: 0,
    scaleLabel: function(d) {
      switch(d.value) {
        case "0": return 'zero';
        case "1": return 'one';
        case "2": return 'two';
      }
    },
});

小提琴 - http://jsfiddle.net/zh4c58p6/

图表js为y轴指定默认值

1 个答案: