chart popup menu

packages/web/src/charts/ChartCore.svelte

@@ -1,11 +1,13 @@
 <script lang="ts">
   import { onMount, afterUpdate, onDestroy } from 'svelte';
   import Chart from 'chart.js';
+  import contextMenu from '../utility/contextMenu';
 
   export let data;
   export let type = 'line';
   export let options = {};
   export let plugins = {};
+  export let menu;
 
   let chart = null;
   let domChart;
@@ -31,4 +33,4 @@
   });
 </script>
 
-<canvas bind:this={domChart} {...$$restProps} />
+<canvas bind:this={domChart} {...$$restProps} use:contextMenu={menu} />

packages/web/src/charts/ChartEditor.svelte

@@ -25,6 +25,7 @@
   export let conid;
   export let database;
   export let sql;
+  export let menu;
 
   let availableColumnNames = [];
   let error = null;
@@ -145,7 +146,7 @@
     </div>
 
     <svelte:fragment slot="2">
-      <DataChart data={data || loadedData} />
+      <DataChart data={data || loadedData} {menu} />
     </svelte:fragment>
   </HorizontalSplitter>
 </FormProviderCore>

packages/web/src/charts/DataChart.svelte

@@ -100,6 +100,7 @@
   import { extractDataColumnColors, extractDataColumns } from './chartDataLoader';
 
   export let data;
+  export let menu;
 
   const { values } = getFormContext();
 
@@ -128,6 +129,7 @@
         data={chartData[0]}
         type={$values.chartType}
         options={chartData[1]}
+        {menu}
       />
     {/key}
   {/if}