Chart.js:scaleStartValue从最高到最低
我正在使用Chart.js绘制一个折线图,我希望我的数据以相反的方式绘制,即在底部显示最大的数字,在顶部显示最小的数字。我可以通过设置负比例来实现这一点,但是Y轴上的实际标签丢失了。有没有一种方法可以同时拥有这些标签。请参见此处的示例:Chart.js:scaleStartValue从最高到最低,chart.js,Chart.js,我正在使用Chart.js绘制一个折线图,我希望我的数据以相反的方式绘制,即在底部显示最大的数字,在顶部显示最小的数字。我可以通过设置负比例来实现这一点,但是Y轴上的实际标签丢失了。有没有一种方法可以同时拥有这些标签。请参见此处的示例: 谢谢 在chartjs中不支持反转y轴: 您可以通过反转数据集来伪造它(尽管轴标签不匹配): 小提琴: var myNewChart = new Chart(ctx).Line(data, { scaleShowGridLines: false
谢谢 在chartjs中不支持反转y轴: 您可以通过反转数据集来伪造它(尽管轴标签不匹配): 小提琴:
var myNewChart = new Chart(ctx).Line(data, {
scaleShowGridLines: false,
scaleOverride: true,
scaleStartValue: 10,
scaleStepWidth: 1,
scaleSteps: -6,
responsive:true}); ;
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;
});