Задать вопрос

Как сделать два графика на одном поле в Chart.js?

Есть angularjs + chart.js

Рисуем график курса валют, из базы получаем время и какой курс в данное время + последние два значения за вчера. Необходимо на одном графике отобразить два значения за вчера, а затем отделив "пробелом" остальные значения за сегодня. График линейный.

У меня сейчас получается сплошными линиями.

Пример как хотелось бы (или надо воспользоваться другой библиотекой?!):

fa46cf1ad0f041ebb3557e07bdac7ac2.jpg
  • Вопрос задан
  • 2804 просмотра
Подписаться 2 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Javascript.ru
    Курс по Angular
    6 недель
    Далее
  • Skillfactory
    Профессия Frontend-разработчик PRO
    14 месяцев
    Далее
  • Компьютерная академия «TOP»
    Frontend разработка
    12 месяцев
    Далее
Пригласить эксперта
Ответы на вопрос 2
@Stepanya
Как я понял из документации, вам надо сделать примерно так
var chartInstance = new Chart(ctx, {
    type: 'line',
    data: [
      {}, // dataset 1
      {} // dataset 2
    },
    options: {
        responsive: false
    }
});
Ответ написан
Комментировать
C d3.js точно можно, но там это более трудоёмко. Ну и плюсом с d3 будет svg, а у вас я так понимаю canvas.
Подозреваю, что чтобы отделить пробелом в chart.js - необходимо разные dataset передать.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы