vrr/ntopng
2
0
Fork 0
mirror of https://github.com/ntop/ntopng.git synced 2026-05-03 01:10:10 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

widgets working progress

Browse source
This commit is contained in:
gabryon99 2020-04-27 18:00:08 +02:00
parent 83c4d36e34
commit 22b716b4f1
11 changed files with 187 additions and 78 deletions
Download patch file Download diff file Expand all files Collapse all files

50
httpdocs/js/widgets/templates/multibar-chart-template.js
View file

@ -1,50 +0,0 @@
import { ChartTemplate } from './default-template.js';
export default class MultiBarChartTemplate extends ChartTemplate {
constructor(params) { super(params); console.log(this); }
_addGraph() {
const self = this;
nv.addGraph(function() {
const multibarChart = nv.models.multiBarChart();
multibarChart.height(self._height);
multibarChart.width(self._width);
multibarChart.showTooltipPercent(true);
multibarChart.stacked(true);
d3.select(`#${self._defaultOptions.domId}`)
.append('svg')
.datum(self._data.data)
.transition()
.duration(1000)
.call(multibarChart);
if (self._defaultOptions.widget.intervalTime) {
self._intervalId = setInterval(async function() {
const newData = await self._updateData();
self._data = newData.data;
multibarChart.update();
}, self._defaultOptions.widget.intervalTime);
}
self._chart = multibarChart;
return multibarChart;
});
}
render() {
const container = super.render();
/* if I have no data to show then don't add the graph! */
if (this._data.length != 0) {
container.setAttribute('style', `width:${this._width}px;height:${this._width}px`);
this._addGraph();
}
return container;
}
}