jaro/salt-minv-graph
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

fix problemu s nevykreslenim v hidden elemente

Browse Source
This commit is contained in:
Jaro
2020-04-01 22:39:14 +02:00
parent 4258f53d77
commit fd1b5640ac
9 changed files with 25 additions and 10268 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
resources/js/components/DiskGraph.vue
View File

@@ -1,6 +1,6 @@
<template>
<div>
<dygraphs width="800" :graphData="series" :graphOptions="options"></dygraphs>
<dygraphs ref="dg" width="800" :graphData="series" :graphOptions="options"></dygraphs>
</div>
</template>

2
resources/js/components/LoadGraph.vue
View File

@@ -1,6 +1,6 @@
<template>
<div>
<dygraphs width="800" :graphData="series" :graphOptions="options"></dygraphs>
<dygraphs ref="dg" width="800" :graphData="series" :graphOptions="options"></dygraphs>
</div>
</template>

2
resources/js/components/MemoryGraph.vue
View File

@@ -1,6 +1,6 @@
<template>
<div>
<dygraphs width="800" :graphData="series" :graphOptions="options"></dygraphs>
<dygraphs ref="dg" width="800" :graphData="series" :graphOptions="options"></dygraphs>
</div>
</template>

2
resources/js/components/NetworkGraph.vue
View File

@@ -1,6 +1,6 @@
<template>
<div>
<dygraphs width="800" :graphData="series" :graphOptions="options"></dygraphs>
<dygraphs ref="dg" width="800" :graphData="series" :graphOptions="options"></dygraphs>
</div>
</template>

2
resources/js/components/ProcessesGraph.vue
View File

@@ -1,6 +1,6 @@
<template>
<div>
<dygraphs width="800" :graphData="series" :graphOptions="options"></dygraphs>
<dygraphs ref="dg" width="800" :graphData="series" :graphOptions="options"></dygraphs>
</div>
</template>

2
resources/js/components/TempGraph.vue
View File

@@ -1,6 +1,6 @@
<template>
<div>
<dygraphs width="800" :graphData="series" :graphOptions="options"></dygraphs>
<dygraphs ref="dg" width="800" :graphData="series" :graphOptions="options"></dygraphs>
</div>
</template>

31
resources/views/welcome.blade.php
View File

@@ -38,12 +38,12 @@
</div>
<div v-if="counter > 0" :key="counter">
<network-graph v-show="settings['network'].show" :raw_data="chartData"></network-graph>
<temp-graph ref="temp" v-show="settings['temp'].show" :raw_data="chartData" style="display: block; "></temp-graph>
<memory-graph v-show="settings['memory'].show" :raw_data="chartData" style="display: block; "></memory-graph>
<load-graph v-show="settings['load'].show" :raw_data="chartData"></load-graph>
<processes-graph v-show="settings['processes'].show" :raw_data="chartData"></processes-graph>
<disk-graph v-show="settings['disk'].show" :raw_data="chartData"></disk-graph>
<network-graph ref="network" v-show="settings['network'].show" :raw_data="chartData"></network-graph>
<temp-graph ref="temp" v-show="settings['temp'].show" :raw_data="chartData"></temp-graph>
<memory-graph ref="memory" v-show="settings['memory'].show" :raw_data="chartData"></memory-graph>
<load-graph ref="load" v-show="settings['load'].show" :raw_data="chartData"></load-graph>
<processes-graph ref="processes" v-show="settings['processes'].show" :raw_data="chartData"></processes-graph>
<disk-graph ref="disk" v-show="settings['disk'].show" :raw_data="chartData"></disk-graph>
</div>
</template>
@@ -82,7 +82,10 @@
settings[s].show = false;
};
settings[key].show = true;
console.log(key);
console.log('Change tab:',key);
sleep(100).then(() => {
app.$refs[key].$refs.dg._data._graph.resize();
});
},
displayResults: function () {
@@ -102,20 +105,10 @@
})
.then(function (response) {
for (s in app.settings) {
app.settings[s].show = true;
}
app.settings["network"].show = true;
app.chartData = response.data;
app.counter += 1;
sleep(1000).then(() => {
for (s in app.settings) {
app.settings[s].show = false;
}
app.settings["network"].show = true;
});
})
.catch(function (error) {
console.log(error);