From 9ca5c9bca40fa7e962b932364228731a6b9714a8 Mon Sep 17 00:00:00 2001
From: Simon Rettberg
Date: Mon, 4 Jul 2022 18:25:06 +0200
Subject: [js_chart] Update to Chart.js 3.0.8

---
 .../statistics/templates/kvmstate.html             | 25 ++--------------------
 1 file changed, 2 insertions(+), 23 deletions(-)

(limited to 'modules-available/statistics/templates/kvmstate.html')

diff --git a/modules-available/statistics/templates/kvmstate.html b/modules-available/statistics/templates/kvmstate.html
index 4f8994d1..b3c65733 100644
--- a/modules-available/statistics/templates/kvmstate.html
+++ b/modules-available/statistics/templates/kvmstate.html
@@ -15,7 +15,7 @@
 						</thead>
 						<tbody>
 							{{#rows}}
-							<tr id="kvm{{kvmstate}}">
+							<tr id="kvm-{{idx}}">
 								<td data-sort-value="{{kvmstate}}" class="text-left text-nowrap">
 									<a class="filter-val" data-filter-val="{{kvmstate}}" href="#">{{kvmstate}}</a>
 								</td>
@@ -25,28 +25,7 @@
 						</tbody>
 					</table>
 				</div>
-				<div class="col-sm-6">
-					<canvas id="kvmchart" style="width:100%;height:250px"></canvas>
-					<script type="text/javascript">
-						document.addEventListener("DOMContentLoaded", function() {
-							var data = {{{json}}};
-							var sel = false;
-							new Chart(document.getElementById('kvmchart').getContext('2d')).Pie(data, { 
-								animation: false,
-								tooltipTemplate: "<%if (label){%><%=label%><%}%>",
-								customTooltips: function(tooltip) {
-									if (sel !== false) sel.removeClass('slx-bold');
-									if (!tooltip) {
-										sel = false;
-										return;
-									}
-									sel = $('#kvm' + tooltip.text);
-									sel.addClass('slx-bold');
-								}
-							});
-						}, false);
-					</script>
-				</div>
+				<div class="col-sm-6 auto-chart" data-chart="{{json}}" data-chart-dest="#kvm-"></div>
 			</div>
 		</div>
 	</div>
-- 
cgit v1.2.3-55-g7522