Fix Dashboard hover-over action so it shows the correct info.

- Refactor our Dashboard directive to display the dashboard graph's x-axis according to the new changes in NVD3 v1.8.1. See https://github.com/nvd3-community/nvd3/blob/gh-pages/examples/lineChart.html for reference.
This commit is contained in:
kialam 2018-11-08 09:15:54 -05:00
parent 049d642df8
commit 32bd8b6473
No known key found for this signature in database
GPG Key ID: 2D0E60E4B8C7EA0F

View File

@ -91,7 +91,6 @@ function JobStatusGraph($window, adjustGraphSize, templateUrl, i18n, moment, gra
});
job_status_chart
.x(function(d,i) { return i; })
.useInteractiveGuideline(true) //We want nice looking tooltips and a guideline!
.showLegend(false) //Show the legend, allowing users to turn on/off line series.
.showYAxis(true) //Show the y-axis
@ -104,15 +103,13 @@ function JobStatusGraph($window, adjustGraphSize, templateUrl, i18n, moment, gra
job_status_chart.xAxis
.axisLabel(i18n._("TIME"))//.showMaxMin(true)
.tickFormat(function(d) {
const dx = graphData[0].values[d] && graphData[0].values[d].x || 0;
if (!dx) {
if (d) {
const tickDate = new Date(Number(d + '000'));
return moment(tickDate).format(timeFormat);
}
else {
return '';
}
const tickDate = new Date(Number(dx + '000'));
return moment(tickDate).format(timeFormat);
});
job_status_chart.yAxis //Chart y-axis settings