Как в Chart.js привязать значение к label?

261
01 апреля 2017, 00:43

Есть такой линейный график: http://www.chartjs.org/docs/#line-chart-dataset-structure

Все как в образце в официальной документации. Только вместо месяцев у меня даты.

Сейчас все значения data внутри datasets начинают накладываться с самого первого label. И нет никакой связи. Подразумевается, что количество label равно количеству data. И рисуется красивый график.

А мне нужно их связать.

Пример. Есть даты:

  • 10.10.2017
  • 12.10.2017 (+)
  • 14.10.2017 (+)
  • 16.10.2017
  • 18.10.2017 (+)
  • 20.10.2017 (+)
  • 22.10.2017

Плюсом обозначены значения, которые присутствуют в БД. Где плюсов нет - подразумевается наличие в записи таблицы БД нуля (а нули не учитываются).

Сейчас данные начинаются с 10.10.2017, а заканчиваются 16.10.2017. То есть начинаются с самого начала. Это неправильно.

Как получить такой результат?:

В графике присутствует дата 10.10.2017. Она в самом начале, но у нее нет значения. Далее идет дата 12.10.2017 - с нее и начинается линия. Линия переходит в 14.10.2017, а затем, игнорируя 16.10.2017 (но эта дата тем не менее присутствует в графике), переходим в 18.10.2017 и заканчиваем на 20.10.2017. Последняя дата 22.10.2017 также присутствует в графике.

Я постарался максимально подробно описать проблему. Помогите, пожалуйста.

READ ALSO
Синхронизация фильтров в Javascript

Синхронизация фильтров в Javascript

В табличном виде выводится некая информация, которую можно фильтровать в трёх «плоскостях»:

258
Как задать async в полученном файле из gulp-uglify?

Как задать async в полученном файле из gulp-uglify?

Какой параметр нужно поменять, чтобы на выходе из gulp-uglify выходил файл с асинхронной загрузкой (async) ?

246
Почему после сохранения виджета в wordpress мой js код перестает работать?

Почему после сохранения виджета в wordpress мой js код перестает работать?

Привет всем! У меня проблемкаЯ создал виджет, добавил инпуты и селекты

190
Как сделать адаптивные изображения?

Как сделать адаптивные изображения?

Подскажите вариант, как сделать адаптивные изображения?

283