Один и тот же набор данных с разными координатами yAx в столбчатой ​​диаграмме Chart.js - PullRequest
Новая
       5

Один и тот же набор данных с разными координатами yAx в столбчатой ​​диаграмме Chart.js

0 голосов
/ 13 ноября 2018

У меня есть гистограмма chart.js с двумя наборами данных, называемыми «оранжевым» и «серым».У каждого есть шесть значений: «a», «b», «c», «d» и «f», в результате чего текущий график

Как вы можете видеть, это не так простоудобочитаемый.То, что я хочу, это иметь «b» в разных yAxes, чем в остальных точках данных, но, насколько я понимаю, иметь разные оси можно только для наборов данных («оранжевый» и «серый» в моем случае).

CodePen 

var ctx = document.getElementById("myChart");

var barChartData = {
  datasets: [{
    backgroundColor: "#fe8359",
    borderColor: "#fe8359",
    data: [3000, 3500006, 90000, 12, 80000, 7000],
    label: "orange"
  },{
    backgroundColor: "#e9e9e9",
    borderColor: "#e9e9e9",
    data: [5000, 2500000, 80000, 5, 90000, 9000],
    label: "grey"
  }],
  labels: ["A","B","C","D","E","F"]
};



var myBarChart = new Chart(ctx, {
    type: 'bar',
    data: barChartData,
    options: {
      maintainAspectRatio: false,
      responsive: true,
      scales: {
        yAxes: [{
          id: 'A',
          type: 'linear',
          position: 'left',
        },{
          display: true,
          id: 'B',
          type: 'linear',
          position: 'right',
          gridLines: {
            drawOnChartArea: false, // only want the grid lines for one axis to show up
          },
        }]
      }
    }
});

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

...