Faire un echo dans un script JS

Bonjour,

Je souhaite si c'est possible de faire un écho dans un <script>/script>

Je m'explique j'ai récupéré un code permettant de me crée un diagramme.

Qui sont deux % qui au total fait 100%.

Actuellement ces données sont fixe dans le script mon but et de pouvoir faire un "écho" dans le script avec les valeurs calculer précédemment. Pour les calculs aucun problème !

Mais la question est comment je peux faire pour écrire ces résultats a la place des données actuelles ?

Le code :

 try {
        // Percent Chart 2
        var ctx = document.getElementById("percent-chart2");
        if (ctx) {
          ctx.height = 209;
          var myChart = new Chart(ctx, {
            type: 'doughnut',
            data: {
              datasets: [
                {
                  label: "My First dataset",
                  data: [50, 50],
                  backgroundColor: [
                    '#00b5e9',
                    '#fa4251'
                  ],
                  hoverBackgroundColor: [
                    '#00b5e9',
                    '#fa4251'
                  ],
                  borderWidth: [
                    0, 0
                  ],
                  hoverBorderColor: [
                    'transparent',
                    'transparent'
                  ]
                }
              ],
              labels: [
                'Products',
                'Services'
              ]
            },
            options: {
              maintainAspectRatio: false,
              responsive: true,
              cutoutPercentage: 87,
              animation: {
                animateScale: true,
                animateRotate: true
              },
              legend: {
                display: false,
                position: 'bottom',
                labels: {
                  fontSize: 14,
                  fontFamily: "Poppins,sans-serif"
                }
    
              },
              tooltips: {
                titleFontFamily: "Poppins",
                xPadding: 15,
                yPadding: 10,
                caretPadding: 0,
                bodyFontSize: 16,
              }
            }
          });
        }
    
      } catch (error) {
        console.log(error);
      }

C'est a la ligne "data: [50, 50]," a la place j'aimerais faire un genre de :

data: [<?php echo $var1 ;?>, <?php echo $var2;?>],

Par exemple... Je ne connais pas du tout les limite de JS ..

Merci d'avance