图表.js : scaleStartValue from highest to lowest

Question

我正在使用 Chart.js 来呈现折线图，我希望我的数据以相反的方式绘制，即最高数字显示在底部，最低数字显示在顶部。我可以通过设置负 scaleSteps 来实现这一点，但 Y 轴上的实际标签丢失了。有没有办法也有这些标签。请在此处查看示例:http://jsfiddle.net/7z5e87he/

var myNewChart = new Chart(ctx).Line(data, {
        scaleShowGridLines: false,
        scaleOverride: true,
        scaleStartValue: 10,
        scaleStepWidth: 1,
        scaleSteps: -6,        
        responsive:true}); ;

谢谢..

Answer 1

不支持在 chartjs 中反转 y 轴: https://github.com/nnnick/Chart.js/issues/579

您可以通过反转数据集来伪造它(尽管轴标签不会匹配):

var inverted = [8, 8, 9, 7, 7, 7, 5, 4],
    max = Math.max.apply(Math, inverted);

inverted.forEach(function(val, idx) {
    inverted[idx] = max - val;
});

fiddle :http://jsfiddle.net/az2u51gj/