Фиксированная длина оси Y
Я использую https://www.chartjs.org/
У меня есть несколько данных для построения другой линейной диаграммы
Мне нужно установить stepSize: 10 для оси y с фиксированной длиной (например, 20 пикселей) для всей линейной диаграммы
Я имею в виду, что длина каждого шага одинакова для всего графика (от 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, 99, 132)',
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, {
// The type of chart we want to create
type: 'line',
data: {
labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
datasets: [{
label: 'Second Chart',
backgroundColor: 'rgb(255, 99, 132)',
borderColor: 'rgb(255, 99, 132)',
data: [10, 40, 60, 70, 50, 90, 65]
}]
},
options: {
responsive: false,
scales: {
yAxes: [{
ticks: {
min: 0,
stepSize: 10
}
}]
}
}
});
Спасибо