diff --git a/src/components/TechnologyStats.tsx b/src/components/TechnologyStats.tsx index f5539d1aebf1c9e9230c3e61af30b6fe0a009d1e..85279fe30265df5ab6468f6076b8ab7df262a447 100644 --- a/src/components/TechnologyStats.tsx +++ b/src/components/TechnologyStats.tsx @@ -100,8 +100,7 @@ export const TechnologyStats = () => { }, ); - const head = sortedCounts.slice(0, MAX_LANGUAGE_COUNT); - return head; + return sortedCounts; }, [allProjects]); const dependencyCounts = React.useMemo(() => { @@ -130,9 +129,7 @@ export const TechnologyStats = () => { } return aLabel.localeCompare(bLabel); }); - - const head = sortedCounts.slice(0, MAX_DEPENDENCY_COUNT); - sortedCountsByPackager[packager] = head; + sortedCountsByPackager[packager] = sortedCounts; }); setPackager(Object.keys(sortedCountsByPackager).sort()[0] ?? ""); @@ -208,11 +205,19 @@ export const TechnologyStats = () => { { label: "Language", scaleType: "band", - data: languageCounts.map(({ language }) => language), + data: languageCounts + .slice(0, MAX_LANGUAGE_COUNT) + .map(({ language }) => language), + }, + ]} + yAxis={[{ label: "Project count" }]} + series={[ + { + data: languageCounts + .slice(0, MAX_LANGUAGE_COUNT) + .map(({ value }) => value), }, ]} - yAxis={[{ label: "Project ccount" }]} - series={[{ data: languageCounts.map(({ value }) => value) }]} height={400} leftAxis={{ labelStyle: { @@ -277,17 +282,17 @@ export const TechnologyStats = () => { { label: "Dependency", scaleType: "band", - data: (dependencyCounts[packager] ?? []).map( - ({ name }) => name, - ), + data: (dependencyCounts[packager] ?? []) + .slice(0, MAX_DEPENDENCY_COUNT) + .map(({ name }) => name), }, ]} - yAxis={[{ label: "Project ccount" }]} + yAxis={[{ label: "Project count" }]} series={[ { - data: (dependencyCounts[packager] ?? []).map( - ({ value }) => value, - ), + data: (dependencyCounts[packager] ?? []) + .slice(0, MAX_DEPENDENCY_COUNT) + .map(({ value }) => value), }, ]} height={400}