Vega.svelte
<script>
/*global vegaEmbed, vegaTooltip */
import {theme} from './charts';
let actions = false;
export let spec;
let container;
const handler = new vegaTooltip.Handler({});
$: spec &&
vegaEmbed(container, JSON.parse(JSON.stringify(spec)), {
actions,
tooltip: handler,
config: theme
}).catch((e) => {
console.log('chart error', e);
});
</script>
<div
bind:this={container}
on:click={(e) => {
if (e.vegaType) {
actions = !actions;
}
}}
/>