mirror of
https://github.com/ankitects/anki.git
synced 2025-09-18 22:12:21 -04:00
Add search functionality for ease graph
This commit is contained in:
parent
0e98bd7db2
commit
f1c8879830
2 changed files with 17 additions and 2 deletions
|
@ -26,7 +26,7 @@
|
|||
|
||||
<div class="subtitle">{subtitle}</div>
|
||||
|
||||
<HistogramGraph data={histogramData} {i18n} />
|
||||
<HistogramGraph data={histogramData} {i18n} on:search />
|
||||
|
||||
<TableData {i18n} {tableData} />
|
||||
</div>
|
||||
|
|
|
@ -61,6 +61,21 @@ export function prepareData(
|
|||
});
|
||||
}
|
||||
|
||||
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:ease=${start / 100}"`;
|
||||
}
|
||||
|
||||
const fromQuery = `"prop:ease>=${start / 100}"`;
|
||||
const tillQuery = `"prop:ease<${end / 100}"`;
|
||||
|
||||
return `${fromQuery} AND ${tillQuery}`;
|
||||
}
|
||||
|
||||
const xTickFormat = (num: number): string => `${num.toFixed(0)}%`;
|
||||
const tableData = [
|
||||
{
|
||||
|
@ -70,7 +85,7 @@ export function prepareData(
|
|||
];
|
||||
|
||||
return [
|
||||
{ scale, bins, total, hoverText, colourScale, showArea: false, xTickFormat },
|
||||
{ scale, bins, total, hoverText, makeQuery, colourScale, showArea: false, xTickFormat },
|
||||
tableData,
|
||||
];
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue