Несколько наборов данных с одним значением данных chartjs - PullRequest
Новая
       17

Несколько наборов данных с одним значением данных chartjs

0 голосов
/ 09 февраля 2020

Я пытаюсь создать линейную диаграмму с несколькими наборами данных, но только с одним значением данных, возможно? Потому что я пробовал много режимов, но всегда я получаю неопределенное в опциях или все данные всегда в одном столбце.

Мой пример кода следующий 

const data = {
  labels: ['January', 'February', 'March'],
  datasets: [
    {
      label: 'My First dataset',
      backgroundColor: 'rgba(255,99,132,0.2)',
      borderColor: 'rgba(255,99,132,1)',
      borderWidth: 1,
      hoverBackgroundColor: 'rgba(255,99,132,0.4)',
      hoverBorderColor: 'rgba(255,99,132,1)',
      data: [65]
    },
    {
      label: 'My Second dataset',
      backgroundColor: 'rgba(255,99,132,0.2)',
      borderColor: 'rgba(255,99,132,1)',
      borderWidth: 1,
      hoverBackgroundColor: 'rgba(255,99,132,0.4)',
      hoverBorderColor: 'rgba(255,99,132,1)',
      data: [86]
    },
    {
      label: 'My Third dataset',
      backgroundColor: 'rgba(255,99,132,0.2)',
      borderColor: 'rgba(255,99,132,1)',
      borderWidth: 1,
      hoverBackgroundColor: 'rgba(255,99,132,0.4)',
      hoverBorderColor: 'rgba(255,99,132,1)',
      data: [95]
    }
  ]
};

, и я получаю это

Проблема на графике

Но я хочу упорядочить первые данные набора данных на первой метке

Пример: июнь: 65 февраля: 86 марта: 95

Вот изображение, которое он ищет

У кого-нибудь есть идеи? Thx

1 Ответ

0 голосов
/ 10 февраля 2020

Я не думаю, что вы можете соединить точки из разных наборов данных в одну линию. Единственный способ, которым я могу подумать - это просто включить каждое из значений данных в один набор данных, показанный ниже 

const data = {
  labels: ['January', 'February', 'March'],
  datasets: [
    {
      label: 'My First dataset',
      backgroundColor: 'rgba(255,99,132,0.2)',
      borderColor: 'rgba(255,99,132,1)',
      borderWidth: 1,
      hoverBackgroundColor: 'rgba(255,99,132,0.4)',
      hoverBorderColor: 'rgba(255,99,132,1)',
      data: [65, 86, 95]
    }
  }

Если вы не возражаете, объясняя, почему они нужны в отдельных наборах данных, я может быть в состоянии помочь в дальнейшем

...