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;
});

小提琴：http://jsfiddle.net/az2u51gj/

Chart.js：scaleStartValue从高到低

1 个答案: