У меня есть пошаговая линейная диаграмма в angular-chart.js (http://jtblin.github.io/angular-chart.js/),, которая показывает некоторые данные с координатами y (это состояния процессов) и секундами (координаты x).
Рисунок с пошаговой линейной диаграммой
Моя проблема в том, что если у меня есть два процесса с одинаковыми значениями x и y, виден только один из них. Я хочу, чтобывсе мои данные должны быть видны в случае равных значений.
<div>
<canvas id="mychart"
class="chart chart-line"
chart-data="vm.data"
chart-series="vm.series"
chart-options="vm.options"
chart-colors="vm.colors"
width="350"
height="200">
</canvas>
</div>
Данные выглядят так:
data: [[{x: 0, y: 1}, {x: 1, y: 1}], [{x: 0, y: 2}, {x: 1, y: 1}]]
параметры:
options = {
animation: {
duration: 0
},
hover: {
mode: null
},
tooltips: {
enabled: false,
},
elements: {
line: {
tension: 0,
stepped: true,
fill: false,
borderDash: []
}
},
scales: {
xAxes: [{
type: 'linear',
position: 'bottom',
ticks: {
reverse: true,
beginAtZero: true,
stepSize: 1,
max: MAX_VALUE,
}
}],
yAxes: [{
ticks: {
min: -1,
stepSize: 1,
maxRotation: 45,
minRotation: 45,
max: 10
}
}
}]
}
};
Кто-нибудь есть идеи, как решить эту проблему?