Add query functionality to FutureDue graph

This commit is contained in:
Henrik Giesel 2021-01-08 13:59:33 +01:00
parent 8a43745f83
commit 2fd4039494
2 changed files with 20 additions and 1 deletions

View File

@ -53,7 +53,7 @@
<GraphRangeRadios bind:graphRange {i18n} revlogRange={RevlogRange.All} /> <GraphRangeRadios bind:graphRange {i18n} revlogRange={RevlogRange.All} />
</div> </div>
<HistogramGraph data={histogramData} {i18n} /> <HistogramGraph data={histogramData} {i18n} on:search />
<TableData {i18n} {tableData} /> <TableData {i18n} {tableData} />
</div> </div>

View File

@ -145,6 +145,24 @@ export function buildHistogram(
return `${days}:<br>${cards}<br>${totalLabel}: ${cumulative}`; return `${days}:<br>${cards}<br>${totalLabel}: ${cumulative}`;
} }
function makeQuery(
data: HistogramData,
binIdx: number,
): string {
const bin = data.bins[binIdx];
const start = bin.x0!;
const end = bin.x1! - 1;
if (start === end) {
return `"prop:due=${start}"`
}
const fromQuery = `"prop:due>=${start}"`
const tillQuery = `"prop:due<=${end}"`
return `${fromQuery} AND ${tillQuery}`
}
const periodDays = xMax! - xMin!; const periodDays = xMax! - xMin!;
const tableData = [ const tableData = [
{ {
@ -171,6 +189,7 @@ export function buildHistogram(
bins, bins,
total, total,
hoverText, hoverText,
makeQuery,
showArea: true, showArea: true,
colourScale, colourScale,
binValue, binValue,