Показать значение во всплывающем окне на срезе диаграммы пончика нажмите кнопку chart.js
Я показываю диаграмму пончика с помощью Chart.js, на слайсе нажмите я хочу значение во всплывающем окне.
Это мой HTML код
<canvas id="chart-area" height="200" width="300"></canvas>
Код для заполнения и отображения данных
<script src="assets/js/jquery-1.11.3.js"></script> <script type="text/javascript" src="assets/js/Chart.js"></script> <script type="text/javascript"> var Accepted = 0; var Denied = 0; var InProgress = 0; $(document).ready(function () { var obj = {}; obj.FinYear = $.trim($("[id*=ddlFinYear]").val()); $.ajax({ type: "POST", contentType: "application/json; charset=utf-8", url: "Dashboard.aspx/GetClaimStatusCnt", data: JSON.stringify(obj), async: false, // data: "{}", dataType: "json", success: function (Sdata) { Accepted = Sdata.d[0].Accepted; Denied = Sdata.d[0].Denied; InProgress = Sdata.d[0].InProgress; }, error: function (result) { alert("Claim Status Error"); } }); }); var doughnutData = { labels: [ "Accepted", "In Progress", "Denied" ], datasets: [{ data: [ Accepted,// randomScalingFactor(), InProgress,//randomScalingFactor() Denied//randomScalingFactor(), ], backgroundColor: [ window.chartColors.green, window.chartColors.blue, window.chartColors.orange ], label: 'Dataset 1' }] }; jQuery(document).ready(function() { var ctz = document.getElementById("chart-area").getContext("2d"); window.myDoughnutChart = new Chart(ctz, { type: 'doughnut', data: doughnutData, options: { responsive: true, elements: { arc: { // borderColor: "#333" } }, //cutoutPercentage: 50 //onClick:graphClickEvent, legend: { position: 'bottom', }, title: { display: true, text: '' }, animation: { animateScale: true, animateRotate: true } }, }); }); </script>
Заранее спасибо....
Что я уже пробовал:
Я дал код который пытался пожалуйста проверьте код
Richard Deeming
А в чем проблема с кодом, который вы пробовали?
Ravi Sargam
он работает нормально, но как показать предупреждение/всплывающее окно при щелчке среза чата...