Как объединить два чарта в Chart.js?

Добрый день, есть два объекта в datasets, у каждого в data - одинаковое количество данных. Одни данные нужно вывести в Bar, другие - в Line. Но у одного значения, измеряемые в десятках и сотнях тысяч, а у другого - в основном единицы, максимум - десятки. Т.е. обычный mixed chart из документации предоставляет не совсем нужный функционал. Поскольку шкала у обоих чартов одна, то получается, что line chart со своими жалкими единицами тупо тянется сплошной линией в самом низу диаграммы, т.к. привязан к шкале с сотнями тысяч. Выглядит это вот так:
5ff6fac0183bb154731526.jpeg

А надо чтобы было вот так, с двумя осями y, каждая для своего типа чарта:
5ff6fb2abeae5309256604.jpeg

Поскольку приложение делается на vue, то особенно признателен буду за подсказку, как это сделать в конетксте vue.
  • Вопрос задан
  • 32 просмотра
Решения вопроса 1
0xD34F
@0xD34F Куратор тега Vue.js
Надо определить две оси Y:

options: {
  scales: {
    yAxes: [
      { id: 'y1', position: 'left' },
      { id: 'y2', position: 'right' },
    ],
  },
},

приложение делается на vue

Есть vue-chartjs, использование которого для вашего случая может выглядеть так, например.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы