A Vue component that allows you to create a graphic walker
Vue Graphic Walker
@kanaries/vue-graphic-walker is a Vue component that allows you to create a graphic walker (a lite opensource tableau alternative).
Usage
Step 1: install package
npm i --save @kanaries/vue-graphic-walker
Step 2: use component in vue.
<script setup lang="ts">
import { VueGraphicWalker } from '@kanaries/vue-graphic-walker';
</script>
<template>
<VueGraphicWalker />
</template>
Docs
props of component is same as graphic-walker:
export interface IGWProps {
dataSource?: IRow[];
rawFields?: IMutField[];
spec?: Specification;
hideDataSourceConfig?: boolean;
i18nLang?: string;
i18nResources?: { [lang: string]: Record<string, string | any> };
keepAlive?: boolean;
/**
* auto parse field key into a safe string. default is true
*/
fieldKeyGuard?: boolean;
/** @default "vega" */
themeKey?: IThemeKey;
dark?: IDarkMode;
storeRef?: React.MutableRefObject<IGlobalStore | null>;
toolbar?: {
extra?: ToolbarItemProps[];
exclude?: string[];
};
}