@milaboratories/graph-maker

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