diff --git a/templates/repo/modelsafety/show.tmpl b/templates/repo/modelsafety/show.tmpl
index a963d80b9..e98d283c1 100644
--- a/templates/repo/modelsafety/show.tmpl
+++ b/templates/repo/modelsafety/show.tmpl
@@ -129,7 +129,7 @@
}
.ac-grid-col .text-span {
- width: 450px;
+ width: 420px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
@@ -614,42 +614,78 @@
function initTable(tableEl, data) {
tableEl.empty();
- tableEl.append(`
-
-
- ${data.indicator} |
-
-
- {{.i18n.Tr "modelsafety.untargetted"}} |
- {{.i18n.Tr "modelsafety.targetted"}} |
-
-
`);
- var trHead = tableEl.find('tr.tr-head');
- var trUntargetted = tableEl.find('tr.tr-untargetted');
- var trTargetted = tableEl.find('tr.tr-targetted');
- for (var i = 0, iLen = data.params.length; i < iLen; i++) {
- var params = data.params;
- var untargetted = data.untargetted;
- var targetted = data.targetted;
- trHead.append(`
param(${params[i]}) | `);
- trUntargetted.append(`
${untargetted[i]} | `);
- trTargetted.append(`
${targetted[i]} | `);
+ var lanUntargetted = {{.i18n.Tr "modelsafety.untargetted"}};
+ var lanTargetted = {{.i18n.Tr "modelsafety.targetted"}};
+ if (data.indicator === 'ALDp') {
+ tableEl.append(`
+
+
+ ${data.indicator} |
+
+
+ ${lanUntargetted} | L_0 norm |
+ L_2 norm |
+ L_inf norm |
+ ${lanTargetted} | L_0 norm |
+ L_2 norm |
+ L_inf norm |
+
+
`);
+ var trHead = tableEl.find('tr.tr-head');
+ var trUntargetted = tableEl.find('tr.tr-untargetted');
+ var trTargetted = tableEl.find('tr.tr-targetted');
+ for (var i = 0, iLen = data.params.length; i < iLen; i++) {
+ var params = data.params;
+ var untargetted = data.untargetted;
+ var targetted = data.targetted;
+ trHead.append(`
param(${params[i]}) | `);
+ trUntargetted.eq(0).append(`
${Number(untargetted[i][0]).toFixed(3)} | `);
+ trUntargetted.eq(1).append(`
${Number(untargetted[i][1]).toFixed(3)} | `);
+ trUntargetted.eq(2).append(`
${Number(untargetted[i][2]).toFixed(3)} | `);
+ trTargetted.eq(0).append(`
${Number(targetted[i][0]).toFixed(3)} | `);
+ trTargetted.eq(1).append(`
${Number(targetted[i][1]).toFixed(3)} | `);
+ trTargetted.eq(2).append(`
${Number(targetted[i][2]).toFixed(3)} | `);
+ }
+ } else {
+ tableEl.append(`
+
+
+ ${data.indicator} |
+
+
+ {{.i18n.Tr "modelsafety.untargetted"}} |
+ {{.i18n.Tr "modelsafety.targetted"}} |
+
+
`);
+ var trHead = tableEl.find('tr.tr-head');
+ var trUntargetted = tableEl.find('tr.tr-untargetted');
+ var trTargetted = tableEl.find('tr.tr-targetted');
+ for (var i = 0, iLen = data.params.length; i < iLen; i++) {
+ var params = data.params;
+ var untargetted = data.untargetted;
+ var targetted = data.targetted;
+ trHead.append(`
param(${params[i]}) | `);
+ trUntargetted.append(`
${Number(untargetted[i]).toFixed(3)} | `);
+ trTargetted.append(`
${Number(targetted[i]).toFixed(3)} | `);
+ }
}
}
- function initChart(chartEl, data) {
+ function initChart(chartEl, data) {
var chartHandle = chartEl.data('chart');
chartHandle && chartHandle.dispose();
chartHandle && window.removeEventListener('resize', chartHandle.resize);
chartHandle = echarts.init(chartEl[0]);
chartEl.data('chart', chartHandle);
+ var lanUntargetted = {{.i18n.Tr "modelsafety.untargetted"}};
+ var lanTargetted = {{.i18n.Tr "modelsafety.targetted"}};
var option = {
tooltip: {
trigger: 'axis'
},
color: ['rgb(80, 135, 236)', 'rgb(104, 187, 196)'],
legend: {
- data: ['{{.i18n.Tr "modelsafety.untargetted"}}', '{{.i18n.Tr "modelsafety.targetted"}}'],
+ data: [lanUntargetted, lanTargetted],
top: '15',
},
grid: {
@@ -668,19 +704,55 @@
},
series: [
{
- name: '{{.i18n.Tr "modelsafety.untargetted"}}',
+ name: lanUntargetted,
type: 'line',
- stack: 'Total',
- data: data.untargetted || [],
+ data: (data.untargetted || []).map(function(item){ return Number(Number(item).toFixed(3)) }),
},
{
- name: '{{.i18n.Tr "modelsafety.targetted"}}',
+ name: lanTargetted,
type: 'line',
- stack: 'Total',
- data: data.targetted || [],
+ data: (data.targetted || []).map(function(item){ return Number(Number(item).toFixed(3)) }),
}
]
};
+ if (data.indicator === 'ALDp') {
+ option.color = ['rgb(80, 135, 236)', 'rgb(247, 238, 209)', 'rgb(231, 230, 238)', 'rgb(104, 187, 196)', 'rgb(211, 183, 136)', 'rgb(159, 131, 179)'];
+ option.legend.data = [`${lanUntargetted}(L_0)`, `${lanUntargetted}(L_2)`, `${lanUntargetted}(L_inf)`,
+ `${lanTargetted}(L_0)`, `${lanTargetted}(L_2)`, `${lanTargetted}(L_inf)`];
+ option.series = [
+ {
+ name: `${lanUntargetted}(L_0)`,
+ type: 'line',
+ data: (data.untargetted || []).map(function(item){ return Number(item[0].toFixed(3)) }),
+ },
+ {
+ name: `${lanUntargetted}(L_2)`,
+ type: 'line',
+ data: (data.untargetted || []).map(function(item){ return Number(item[1].toFixed(3)) }),
+ },
+ {
+ name: `${lanUntargetted}(L_inf)`,
+ type: 'line',
+ data: (data.untargetted || []).map(function(item){ return Number(item[2].toFixed(3)) }),
+ },
+ {
+ name: `${lanTargetted}(L_0)`,
+ type: 'line',
+ data: (data.targetted || []).map(function(item){ return Number(item[0].toFixed(3)) }),
+ },
+ {
+ name: `${lanTargetted}(L_2)`,
+ type: 'line',
+ data: (data.targetted || []).map(function(item){ return Number(item[1].toFixed(3)) }),
+ },
+ {
+ name: `${lanTargetted}(L_inf)`,
+ type: 'line',
+ data: (data.targetted || []).map(function(item){ return Number(item[2].toFixed(3)) }),
+ }
+ ];
+ }
+ console.log(option);
chartHandle.setOption(option);
window.addEventListener('resize', chartHandle.resize);
}
@@ -778,7 +850,11 @@
var oLogHref = $('#-log-down').attr('href');
$('#-log-down').attr('href', oLogHref + `/modelsafety/${res.ID}/down_log_file`);
if (res.ResultJson) {
- resultData = JSON.parse(res.ResultJson);
+ try {
+ resultData = JSON.parse(res.ResultJson);
+ } catch(e) {
+ resultData = res.ResultJson;
+ }
}
},
error(err) {
@@ -799,7 +875,14 @@
initData();
}
if (tabPath === 'third0') {
- resultData && initResTab(resultData);
+ if (resultData) {
+ if (typeof resultData === 'object') {
+ initResTab(resultData);
+ } else if (typeof resultData === 'string') {
+ var resContainer = $('.__res_container');
+ resContainer.find('.__res_no_data').text(resultData);
+ }
+ }
}
},
});