Hello,

J'essaie d'implémenter chart.js avec un petit exercice, mais je bute sur le format des data-sets :

Dans mon fichier html, j'ai renseigné les différentes datas que je veux récupérer :

Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
    <div class="shadow-lg rounded-lg overflow-hidden bg-white"
         id= "chart"
         data-id="vues"
         data-name="vues"
         data-year="2020"
         data-vues= "[0, 10, 5, 2, 20, 30, 45, 10, 5, 2, 20, 30]">

Dans mon js je fais :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
const ChartValues = document.getElementById('chart').dataset
et je voudrais passer ChartValues.vues dans une autre constante :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
  const data = {
    labels: labels,
    datasets: [
      {
        label: 'Vues',
        data: ChartValues.vues,
        borderColor: "hsl(252, 82.9%, 67.8%)",
        backgroundColor: "hsl(252, 82.9%, 67.8%)",
      }
    ]
  };
Le souci c'est que ChartValues.vues me retourne une string au lieu de [0, 10, 5, 2, 20, 30, 45, 10, 5, 2, 20, 30]

Quelle est la meilleure façon de faire dans le cas présent ?