in assets/ml-metrics.js [111:165]
function plotChart(id, labels, dataset, unit) {
const ctx = document.getElementById(id+"-canvas").getContext('2d');
let chart = new Chart(ctx, {
type: 'scatter',
data: {
labels: labels,
datasets: dataset
},
options: {
scales: {
x: {
type: 'time',
time: { unit: 'day', tooltipFormat: 'll' },
title: { display: true, text: 'Timestamp' }
},
y: {
beginAtZero: false,
title: { display: true, text: `${unit}` }
}
},
plugins: {
legend: {
display: false
},
zoom : {
pan: {
enabled: false,
},
zoom: {
mode: 'xy',
drag: {
enabled: true,
borderColor: 'rgb(54, 162, 235)',
borderWidth: 1,
backgroundColor: 'rgba(54, 162, 235, 0.3)'
},
onZoom({ chart }) {
window.allCharts.forEach(c => {
c.zoomScale(
'x',
{ min: Math.trunc(chart.scales.x.min), max: Math.trunc(chart.scales.x.max) },
'none'
);
});
},
},
},
}
},
plugins: [backgroundColorPlugin]
});
//displayMetrics(id+"-metrics", title1, values1, title2, values2);
window.allCharts.push(chart);
}