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

active chart - load data from query

Browse Source
This commit is contained in:
Jan Prochazka
2020-12-05 20:47:31 +01:00
parent 61217a944b
commit 0c4d5b5356
9 changed files with 197 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
packages/web/src/charts/DataChart.js
View File

@@ -84,17 +84,22 @@ function createChartData(freeData, labelColumn, dataColumns, colorSeed, chartTyp
return res;
}
export default function DataChart({ data }) {
const [containerRef, { height: containerHeight, width: containerWidth }] = useDimensions();
const { values } = useForm();
const { labelColumn } = values;
export function extractDataColumns(values) {
const dataColumns = [];
for (const key in values) {
if (key.startsWith('dataColumn_') && values[key]) {
dataColumns.push(key.substring('dataColumn_'.length));
}
}
return dataColumns;
}
export default function DataChart({ data }) {
const [containerRef, { height: containerHeight, width: containerWidth }] = useDimensions();
const { values } = useForm();
const { labelColumn } = values;
const dataColumns = extractDataColumns(values);
return (
<ChartWrapper ref={containerRef}>