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

View File

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