feat: wip

packages/client/core/src/theme/ui/chart/config/pie/index.ts

@@ -1,7 +1,7 @@
 import { EChartsOption } from 'echarts'
 import { isNaN } from 'lodash-es'
 import { DBSource, DBSourceRow, Dataset } from '../../types'
-import { getDataset } from '../common/getDataset'
+import { Sort, getDataset } from '../common/getDataset'
 import setLegend from '../common/setLegend'
 import { COLORS, FONT } from '../common/designTokens'
 
@@ -37,12 +37,14 @@ const CONIFG_DEFAULTS: ConfigProps = {
 
 export type PieChartProps = {
   dataset: Dataset
+  sort?: Sort
   displayName?: string
   animation?: boolean
   config?: ConfigProps
 }
 export default function generatePieConfig({
   dataset,
+  sort,
   displayName,
   animation = true,
   config: {
@@ -53,7 +55,7 @@ export default function generatePieConfig({
     showHole = false,
   } = CONIFG_DEFAULTS,
 }: PieChartProps): EChartsOption {
-  const { datasets } = getDataset({ dataset })
+  const { datasets, datasetIndex } = getDataset({ dataset, sort })
   const legend = setLegend({ show: showLegend })
   const totalValues = sumValues(dataset.source, DEFAULT_VALUE_INDEX)
   return {
@@ -119,6 +121,7 @@ export default function generatePieConfig({
           value: DEFAULT_VALUE_INDEX,
           itemName: DEFAULT_LABEL_INDEX,
         },
+        datasetIndex
       },
     ],
     aria: { enabled: showDecal, decal: { show: showDecal } },

packages/client/svelte/src/lib/internal/ui/chart/PieChart.svelte

@@ -16,6 +16,7 @@
 
   type $$Props = PieChartProps
   export let data: $$Props['data'] = null
+  export let sort: $$Props['sort'] = undefined
   export let isLoading: $$Props['isLoading'] = false
   export let error: $$Props['error'] = null
 
@@ -44,7 +45,13 @@
 >
   <Echart
     height={contentHeight}
-    options={generatePieConfig({ dataset, displayName, animation, config })}
+    options={generatePieConfig({
+      dataset,
+      sort,
+      displayName,
+      animation,
+      config,
+    })}
     {width}
     {locale}
   />