title: how to make a chart linked to the C# database?
body: <p>I want to display the graph according to the number of TRUE per month</p>
  <p>1.chart</p>
  <pre class="lang-js prettyprint-override"><code>var ctx = document.getElementById(&quot;canvas&quot;)
  var lineChartData = {
  labels: ['January', 'February', 'March'],
      datasets: [{
          label: 'VoyageEffectuer',
          borderColor: &quot;MediumSeaGreen&quot;,
          backgroundColor: &quot;MediumSeaGreen&quot;,
          fill: false,
          data: [30000, 30162, 26263],
          yAxisID: 'y-axis-1',
      }, {
          label: 'VoyageAnnuler',
          borderColor: &quot;Tomato&quot;,
          backgroundColor: &quot;Tomato&quot;,
          fill: false,
          data: [20000, 30162, 26263],
          yAxisID: 'y-axis-2'
      }]
  };
  </code></pre>
  <pre class="lang-js prettyprint-override"><code>window.myLine = Chart.Line(ctx, {
      data: lineChartData,
      options: {
          responsive: true,
          hoverMode: 'index',
          stacked: false,
          title: {
              display: true,
              text: 'Processes'
          },
          scales: {
              yAxes: [{
                  type: 'linear', 
                  display: true,
                  position: 'left',
                  id: 'y-axis-1',
              }, {
                  type: 'linear',
                  display: true,
                  position: 'right',
                  id: 'y-axis-2',
  
                  // grid line settings
                  gridLines: {
                      drawOnChartArea: false, // only want the grid lines for one axis to show up
                  },
              }],
          }
      }
  });
  </code></pre>
  <p>2.database table</p>
  <div class="s-table-container">
  <table class="s-table">
  <thead>
  <tr>
  <th>DateEnregistrement</th>
  <th>VoyageEffectuer</th>
  <th>VoyageAnnuler</th>
  </tr>
  </thead>
  <tbody>
  <tr>
  <td>08/06/2021 18:14:42</td>
  <td>TRUE</td>
  <td>True</td>
  </tr>
  <tr>
  <td>08/06/2021 17:55:54</td>
  <td>False</td>
  <td>False</td>
  </tr>
  <tr>
  <td>10/05/2021 16:11:44</td>
  <td>TRUE</td>
  <td>True</td>
  </tr>
  </tbody>
  </table>
  </div>