francois/HowBadIsMyBatch
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

displaying batch lots as tooltips in scatter chart

Browse Source
This commit is contained in:
frankknoll
2023-11-09 09:22:55 +01:00
parent cfa314b4ae
commit 46e3f4c22d
4 changed files with 35 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
docs/SymptomsCausedByCOVIDLots/index.html
View File

@@ -13870,6 +13870,7 @@
<script src="../gentelella/vendors/bootstrap/dist/js/bootstrap.min.js"></script>
<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
<!-- FK-TODO: update chart.js to newest version -->
<script src="https://cdn.jsdelivr.net/npm/chart.js@4.2.0/dist/chart.umd.min.js"></script>
<script charset="utf8" src="https://cdn.datatables.net/1.13.1/js/jquery.dataTables.min.js"
type="text/javascript"></script>

18
docs/SymptomsCausedByCOVIDLots/js/SymptomVsSymptomChartDataProvider.js
View File

@@ -16,14 +16,16 @@ class SymptomVsSymptomChartDataProvider {
dict1: prrByLotX,
dict2: prrByLotY
});
return Object
.keys(prrByLotXCommon)
.map(
lot =>
({
x: prrByLotXCommon[lot],
y: prrByLotYCommon[lot]
}));
const lots = Object.keys(prrByLotXCommon);
return {
labels: lots,
data:
lots.map(
lot => ({
x: prrByLotXCommon[lot],
y: prrByLotYCommon[lot]
}))
};
}
static #getCommonKeys(dict1, dict2) {

17
docs/SymptomsCausedByCOVIDLots/js/SymptomVsSymptomChartView.js
View File

@@ -7,6 +7,7 @@ class SymptomVsSymptomChartView {
this.#canvas = canvas;
}
// FK-TODO: refactor
displayChart(symptomX, symptomY) {
if (this.#chart != null) {
this.#chart.destroy();
@@ -21,8 +22,8 @@ class SymptomVsSymptomChartView {
const chartData = SymptomVsSymptomChartDataProvider.getChartData({ prrByLotX, prrByLotY });
const data = {
datasets: [{
label: 'Scatter Dataset',
data: chartData,
labels: chartData.labels,
data: chartData.data,
backgroundColor: 'rgb(0, 0, 255)'
}],
};
@@ -35,6 +36,18 @@ class SymptomVsSymptomChartView {
type: 'linear',
position: 'bottom'
}
},
plugins: {
legend: {
display: false
},
tooltip: {
callbacks: {
label: function (context) {
return 'Batch: ' + context.dataset.labels[context.dataIndex];
}
}
}
}
}
};

15
docs/SymptomsCausedByCOVIDLots/test/SymptomVsSymptomChartDataProviderTest.js
View File

@@ -67,11 +67,14 @@ QUnit.module('SymptomVsSymptomChartDataProviderTest', function () {
// Then
assert.deepEqual(
chartData,
[
{
x: 2.0,
y: 3.0
}
]);
{
labels: ["lotCommon"],
data: [
{
x: 2.0,
y: 3.0
}
]
});
});
});