Как построить график этого запроса с ChartJS?

Немного контекста: я беру курсы и их соответствующих студентов, я беру взгляд, рассказывая темы, которые существуют для этого курса, студент видит темы, а также рассказывает, сколько их видел, затем вычисляет это среднее значение, принимает правильные данные, но я хотел бы избежать повторения первого столбца, то есть группировать вместе, не повторяя название курса:

cursos  usuario_id     nombre          ap_p   total_temas   vistos  porcen  
Excel       2        Estudiante         A_P        2          2     100.0000
Excel       3        Estudiante No. 2   AP         2          0     0.0000
Test        3        Estudiante No. 2   AP         7          7     100.0000
Test        5        Estudiante No. 3   XV         7          2     28.5714
Test        2        Estudiante         A_P        7          3     42.8571
Word        3        Estudiante No. 2   AP         1          0     0.0000
Word        7        Estudiante No. 5   ES         1          0     0.0000

Или, если есть документация, примеры, что-нибудь мне очень поможет!

0
задан 27.11.2019, 19:23
1 ответ

Остается этот пример: Сначала определи твои колонны и данные в Json format.

var data = {
  labels: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul"],
  datasets: [{
    label: "Dataset #1",
    backgroundColor: "rgba(255,99,132,0.2)",
    borderColor: "rgba(255,99,132,1)",
    borderWidth: 2,
    hoverBackgroundColor: "rgba(255,99,132,0.4)",
    hoverBorderColor: "rgba(255,99,132,1)",
    data: [65, 59, 20, 81, 56, 55, 40],
  }]
};

var option = {
  scales: {
    yAxes: [{
      stacked: true,
      gridLines: {
        display: true,
        color: "rgba(255,99,132,0.2)"
      }
    }],
    xAxes: [{
      gridLines: {
        display: false
      }
    }]
  }
};

Chart.Bar('chart_0', {
  options: option,
  data: data
});
body {  
  background: #1D1F20;
  padding: 16px;
}

.chart-container {
  position: relative;
  max-width: 800px;
  margin: auto;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.5.0/Chart.min.js"></script>
<div class="chart-container">
    <canvas id="chart_0"></canvas>
</div>

типов привета.

0
ответ дан 01.12.2019, 10:45
  • 1
    Я это сделал, reemplacé стоимость месяцев из-за курсов моей консультации, но они не группируются, меня повторяет имя курса, habrá какой-то способ группировать их? – Enrique E. Molina 27.11.2019, 20:01