如何使用chart.js(v2.0-dev)反转y轴

前端之家收集整理的这篇文章主要介绍了如何使用chart.js(v2.0-dev)反转y轴前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在创建具有2个y轴的折线图.其中一个轴有两个数据集,但都在0-100范围内运行.数字越高越好.第二个y轴的范围通常较低(通常为单个数字),最佳结果为1.

如何反转第二个y轴,使1位于图表的顶部?

(我会尝试自己找一个解决方案,但是在chart.js的5k行,可能需要一段时间)

谢谢^ _ ^

解决方法

图表js的Dev 2.0支持在设置轴时反转刻度的选项,因此您的第二轴的声明将变为
{
    type: "invertedLinear",// only linear but allow scale type registration. This allows extensions to exist solely for log scale for instance
    display: true,position: "right",id: "y-axis-2",ticks: {
        reverse: true
    },// grid line settings
    gridLines: {
        drawOnChartArea: false,// only want the grid lines for one axis to show up
    }
}

这是在行动https://jsfiddle.net/nwc8ys34/15/

原文链接:https://www.f2er.com/js/156555.html

猜你在找的JavaScript相关文章