Chart Js Число и день недели

167

04 февраля 2020, 00:10

Нужно сделать так

У меня получилось только так

Вопрос как добавить "Пн, Вт, Ср, Чт и т.д." ?

Answer 1

Достаточно в labels передать массив вместо каждой строки, которую вы передаете сейчас.

labels: [['10', 'пн'], ['11', 'вт'], ['12', 'ср'], ['13', 'чт'], ['14', 'пт'], ['15', 'сб'], ['16', 'вс']],

const options = { 
  type: 'bar', 
  data: { 
    labels: [ 
      ['10', "пн"], 
      ['10', "вт"], 
      ['10', "ср"], 
      ['10', "чт"], 
      ['10', "пт"], 
      ['10', "сб"] 
    ], 
    datasets: [{ 
      label: '# of Votes', 
      data: [12, 19, 3, 5, 2, 3], 
      borderWidth: 1 
    }, ] 
  }, 
  options: { 
    scales: { 
      yAxes: [{ 
        ticks: { 
          reverse: false 
        } 
      }] 
    } 
  } 
} 
 
const ctx = document.getElementById('chartJSContainer').getContext('2d'); 
new Chart(ctx, options);

canvas { 
  background-color: #eee; 
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.8.0/Chart.bundle.min.js"></script> 
<canvas id="chartJSContainer" width="600" height="170"></canvas>