Function createCriterionQueryFilteredChart

website/script/benchmarks.js:905–979

* Create a criterion group chart that is filtered by a secondary "query file" dimension. * Keys must follow the pattern " / _ ". * A is injected above the chart to switch between query files.

(entries, {
	groupPrefix,
	chartId,
	selectId,
	title,
	yAxisTitle,
	conversionFactor,
	decimalPlaces,
	thresholds = null,
})

 * A <select> is injected above the chart to switch between query files.
 */
function createCriterionQueryFilteredChart(entries, {
	groupPrefix,
	chartId,
	selectId,
	title,
	yAxisTitle,
	conversionFactor,
	decimalPlaces,
	thresholds = null,
}) {
	const chartElement = document.getElementById(chartId);
	if (!chartElement) return;

	const allBenchmarks = Object.keys(entries[0].criterion_results).filter((b) =>
		b.startsWith(groupPrefix + "/"),
	);
	if (allBenchmarks.length === 0) return;

	const names = allBenchmarks.map((b) => b.replace(groupPrefix + "/", ""));
	const queryFiles = [...new Set(names.map((n) => n.replace(/^[^_]+_/, "")))].sort();

	let select = document.getElementById(selectId);
	if (!select) {
		const wrapper = document.createElement("div");
		wrapper.style.cssText = "margin-bottom: 0.5rem;";
		select = document.createElement("select");
		select.id = selectId;
		queryFiles.forEach((q) => {
			const opt = document.createElement("option");
			opt.value = q;
			opt.textContent = q.replace(/-/g, " ").replace(/_/g, " ");
			select.appendChild(opt);
		});
		wrapper.appendChild(select);
		chartElement.parentNode.insertBefore(wrapper, chartElement);
	}

	const outlierId = chartId.replace("-chart", "-outliers-chart");

	function renderForQuery(queryFile) {
		[chartId, outlierId].forEach((id) => {
			const idx = charts.findIndex((c) => c && c.el && c.el.id === id);
			if (idx !== -1) {
				charts[idx].destroy();
				charts.splice(idx, 1);
			}
			if (id === outlierId) {
				const el = document.getElementById(id);
				if (el) el.remove();
			}
		});

		const filtered = allBenchmarks.filter((b) => b.endsWith("_" + queryFile));
		const filteredEntries = entries.map((e) => ({
			...e,
			criterion_results: Object.fromEntries(
				Object.entries(e.criterion_results).filter(([k]) => filtered.includes(k)),
			),