Etkileşimli bir pasta grafiği göstermek için bir javascript kodu yazın. Parçalar üzerine gelindiğinde büyütülür.
 %25, %30, %15, %10, %20, %10
Chart.js kitaplığını kullanarak etkileşimli bir pasta grafiği gösteren örnek bir Javascript kodunu burada bulabilirsiniz: ``` <html> <head> <title>Etkileşimli Pasta Grafiği</title> <script src="https://cdnjs.cloudflare.com /ajax/libs/Chart.js/2.9.3/Chart.min.js"></script> <stil> canvas{ -moz-user-select: yok; -webkit-user-select: yok; -ms-user-select: yok; } </style> </head> <body> <div style="width: %75; marj: 0 otomatik;"> <canvas id="pie-chart"></canvas> </div> <script> window.onload = function() { var ctx = document.getElementById("pasta grafiği").getContext('2d'); var veri = { etiketler: [ "%25", "%30", "%15", "%10", "%20", "%10" ], veri kümeleri: [ { veri: [25, 30, 15 , 10, 20, 10], arka planRengi: [ "#FF6384", "#36A2EB", "#FFCE56", "#009688", "#FF5722", "#8BC34A" ], hoverBackgroundColor: [ "#FF6384", "#36A2EB", "#FFCE56", "#009688", "#FF5722", "#8BC34A" ] }] }; var options = { responsive: true, Animation:{ animateScale:true }, tooltips:{ mode: 'label' } }; var chart = new Chart(ctx,{ type: 'pasta', data: data, options: options }); // Üzerine gelme efekti var segmentler = chart.getDatasetMeta(0).data; // Pasta grafik segmentlerine imleç stili ekleyin canvas.style.cursor = 'işaretçi'; // Fareyle üzerine gelindiğinde pasta grafiğin segmentlerini canlandırın for(var i=0; i<segments.length; i++) { segments[i]._savedBackgroundColor = segments[i]._model.backgroundColor; segmentler[i]._model.backgroundColor = segmentler[i]._model.backgroundColor.replace("A", "D"); } canvas.addEventListener('mousemove', function(evt) { var activeSegment = chart.getElementAtEvent(evt)[0]; if(activeSegment) { for(var i=0; i<segments.length; i++) { segmentler[ i]._model.backgroundColor = segmentler[i]._savedBackgroundColor; } activeSegment._model.backgroundColor = activeSegment._model.backgroundColor.replace("D", "A"); chart.render(); } }); }; </script> </body> </html> ``` Bu kod, üzerine gelme efektli bir pasta grafiği oluşturmak için Chart.js kitaplığını kullanır. Fareyle üzerine gelme efekti, üzerine gelinen bölümlerin arka plan rengini değiştirerek elde edilir.