dennii/dbgate
1
0
Fork 0
mirror of https://github.com/DeNNiiInc/dbgate.git synced 2026-04-22 23:56:00 +00:00
Code Issues Packages Projects Releases Wiki Activity

working charts

Browse Source
This commit is contained in:
Jan Prochazka
2021-03-19 20:31:36 +01:00
parent 489c9a905c
commit 7b625c6073
2 changed files with 15 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
packages/web/src/charts/DataChart.svelte
View File

@@ -49,7 +49,7 @@
}
function createChartData(freeData, labelColumn, dataColumns, colorSeed, chartType, dataColumnColors) {
if (!freeData || !labelColumn || !dataColumns || !freeData.rows || dataColumns.length == 0) return [{}, {}];
if (!freeData || !labelColumn || !dataColumns || !freeData.rows || dataColumns.length == 0) return null;
const colors = randomcolor({
count: _.max([freeData.rows.length, dataColumns.length, 1]),
seed: colorSeed,
@@ -106,8 +106,8 @@
let clientWidth;
let clientHeight;
$: dataColumns = extractDataColumns(values);
$: dataColumnColors = extractDataColumnColors(values, dataColumns);
$: dataColumns = extractDataColumns($values);
$: dataColumnColors = extractDataColumnColors($values, dataColumns);
$: chartData = createChartData(
data,
@@ -120,13 +120,17 @@
</script>
<div class="wrapper" bind:clientWidth bind:clientHeight>
<ChartCore
width={clientWidth}
height={clientHeight}
data={chartData[0]}
type={$values.chartType}
options={chartData[1]}
/>
{#if chartData}
{#key `${$values.chartType}|${clientWidth}|${clientHeight}`}
<ChartCore
width={clientWidth}
height={clientHeight}
data={chartData[0]}
type={$values.chartType}
options={chartData[1]}
/>
{/key}
{/if}
</div>
<style>