Задать вопрос
devrvk
@devrvk
angular.js

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

Есть angularjs + chart.js

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

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

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

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

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Angular frontend developer middle+
IT Force • Краснодар
от 200 000 ₽
Frontend developer (middle/senior)
//stablecode
от 210 000 ₽
Старший аналитик 1С
SM Lab
До 290 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Необходимо принять 3 звонка и получить консультацию по Жилому комплекс
24 апр. 2024, в 11:47
450 руб./за проект
Доработка самописного сайта PHP + MySQL + JS (сегодня)
24 апр. 2024, в 11:40
3000 руб./за проект
Заполнение сайта на WordPress
24 апр. 2024, в 11:31
1000 руб./за проект
Ещё заказы