Add warning card if no data to plot

- series.data array empty, but toplevel data return itself OK
This commit is contained in:
Christoph Kluge 2023-06-16 15:09:23 +02:00
parent e577e086a6
commit 4cfe52e7c9
2 changed files with 14 additions and 7 deletions

View File

@ -181,7 +181,7 @@
>Metric disabled for subcluster '{job.subCluster}'</Card >Metric disabled for subcluster '{job.subCluster}'</Card
> >
{:else} {:else}
<Card body color="warning">Missing Data</Card> <Card body color="warning">Missing Full Dataset</Card>
{/if} {/if}
</td> </td>
{/each} {/each}

View File

@ -24,6 +24,7 @@
import uPlot from 'uplot' import uPlot from 'uplot'
import { formatNumber } from '../units.js' import { formatNumber } from '../units.js'
import { getContext, onMount, onDestroy } from 'svelte' import { getContext, onMount, onDestroy } from 'svelte'
import { Card } from 'sveltestrap'
export let width export let width
export let height export let height
@ -219,11 +220,15 @@
}, resizeSleepTime) }, resizeSleepTime)
} }
$: onSizeChange(width, height) $: if (series[0].data.length > 0) {
onSizeChange(width, height)
}
onMount(() => { onMount(() => {
if (series[0].data.length > 0) {
plotWrapper.style.backgroundColor = backgroundColor() plotWrapper.style.backgroundColor = backgroundColor()
render() render()
}
}) })
onDestroy(() => { onDestroy(() => {
@ -312,9 +317,11 @@
</script> </script>
<!--Add empty series warning card--> {#if series[0].data.length > 0}
<div bind:this={plotWrapper} class="cc-plot"></div> <div bind:this={plotWrapper} class="cc-plot"></div>
{:else}
<Card style="margin-left: 2rem;margin-right: 2rem;" body color="warning">Cannot render plot: No series data found for <code>{metric}</code></Card>
{/if}
<style> <style>
.cc-plot { .cc-plot {
border-radius: 5px; border-radius: 5px;