Построить горизонтальный столбчатый график с отверстиями, используя ChartJS - PullRequest
1 голос
/ 01 апреля 2020

У меня уже есть график, использующий диаграмму JS, как показано ниже enter image description here и код для этого:

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

Кроме того, каждый набор данных не должен иметь три элемента диапазона. Может иметь один, два или любое количество элементов диапазона.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...