ChartJS 中固定的 y 轴长度

问题描述

我正在使用 https://www.chartjs.org/

我有多个数据来绘制不同的折线图

我需要为所有折线图设置 stepSize: 10 为 y 轴固定长度（例如 20px）

我的意思是所有图的每个步骤的长度都相同（0 到 10= 20 像素，10 到 20= 20 像素）

你能帮我解决这个问题吗？

<canvas id="myFirstChart"></canvas>
<canvas id="mySecondChart"></canvas>

var ctx = document.getElementById('myFirstChart').getContext('2d');
var chart = new Chart(ctx,{
    // The type of chart we want to create
    type: 'line',data: {
        labels: ['January','February','march','April','May','June','July'],datasets: [{
            label: 'First Chart',backgroundColor: 'rgb(255,99,132)',borderColor: 'rgb(255,data: [0,100,50,20,200,30,45]
        }]
    },options: {
            responsive: false,scales: {
                yAxes: [{
                    ticks: {
                        min: 0,stepSize: 10
                    }
                }]
            }
        }
});

var ctx = document.getElementById('mySecondChart').getContext('2d');
var chart = new Chart(ctx,datasets: [{
            label: 'Second Chart',data: [10,40,60,70,90,65]
        }]
    },stepSize: 10
                    }
                }]
            }
        }
});

谢谢

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）