Refactoring: port ChartJS to Svelte

src/UI/History/AggregateView.svelte

@@ -10,11 +10,11 @@
   import Tr from "../Base/Tr.svelte"
   import AccordionSingle from "../Flowbite/AccordionSingle.svelte"
   import Translations from "../i18n/Translations"
-  import TagRenderingChart from "../BigComponents/TagRenderingChart"
-  import ToSvelte from "../Base/ToSvelte.svelte"
   import type { TagRenderingConfigJson } from "../../Models/ThemeConfig/Json/TagRenderingConfigJson"
   import { Or } from "../../Logic/Tags/Or"
   import { Utils } from "../../Utils"
+  import ChartJs from "../Base/ChartJs.svelte"
+  import { ChartJsUtils } from "../Base/ChartJsUtils"
 
   export let onlyShowUsername: string[]
   export let features: Feature[]
@@ -138,13 +138,13 @@
       </ul>
       {#if diff.tr}
         <div class="h-48 w-48">
-          <ToSvelte
-            construct={new TagRenderingChart(diff.features, diff.tr, {
+          <ChartJs config={ChartJsUtils.createConfigForTagRendering(
+            diff.tr, diff.features,{
               groupToOtherCutoff: 0,
               chartType: "pie",
               sort: true,
-            })}
-          />
+            }
+          )} />
         </div>
       {:else}
         Could not create a graph - this item type has no associated question