У меня уже есть график, использующий диаграмму JS, как показано ниже и код для этого:
r_chart_data = [[-0.001, 2.052],[-2.385, 2.052]];
dr_chart_data = [[-0.01, 1.83],[1.05, 2.83],[1.05, 2.83]];
myChart = new Chart(ctx, {
type: 'horizontalBar',
data: {
labels: label,
datasets: [{
label : 'DataSet1',
data: r_chart_data,
backgroundColor: 'rgb(255, 99, 132)'
},
{
label : 'DataSet2',
data: dr_chart_data,
backgroundColor: 'lightblue'
}
]
},
options: {
lineAtIndex : level,
scales: {
xAxes: [{
ticks: {
min: -5,
max: 5,
stepSize: 0.5,
}
}]
}
}
});
Но что если мой
r_chart_data[0] i.e. [-0.001,2.052]
не является непрерывным диапазоном, и вместо этого его значение примерно равно
[[-0.001,1.023],[1.5,2.052]]
, тогда как мне построить график. Изменено r_chart_data:
r_chart_data = [[[-0.001,1.023],[1.5,2.052]],[-2.385, 2.052]];
Точно так же, если у меня есть диапазон наборов данных, которые мне нужно построить в виде горизонтальной гистограммы, используя Chart JS. Набор данных в виде:
dataset1: [[-10,-4],[-2,2],[4,6]] // should be plotted in a single bar graph
dataset2: [[-2,1],[1.5,3.5],[5.2,8.9]] //should be plotted in a second bar
dataset3: [[2,4],[5,7]] //third bar
.. and so on
Кроме того, каждый набор данных не должен иметь три элемента диапазона. Может иметь один, два или любое количество элементов диапазона.