@milaboratories/graph-maker
v1.0.26
Published
Vue-component including graph settings interface and resulting rendered graph.
Downloads
992
Readme
Vue-component including graph settings interface and resulting rendered graph.
How to use:
<script setup lang="ts">
import { computed, ref } from 'vue';
import { useApp } from './app';
import { platforma } from '@platforma-open/milaboratories.graph-maker.model';
import { GraphMakerSettings } from '@milaboratories/graph-maker/dist/GraphMaker/types';
import { GraphMaker } from '@milaboratories/graph-maker';
const app = useApp();
const frameRef = app.model.outputs.pFrame;
const settings = ref<GraphMakerSettings>({
chartType: 'discrete',
template: 'box',
title: 'My graph'
});
</script>
<template>
<graph-maker
v-if="platforma.pFrameDriver && frameRef && settings"
v-model="settings"
:p-frame-handle="frameRef"
:p-frame-driver="platforma.pFrameDriver"
/>
</template>
How to build locally:
npm install
npm run build