mmflow Charts
Vue charts
Use the typed @mmflow/vue MmChart component to embed the same WebGL engine in Vue 3 dashboards and product surfaces.
Vue 3 MmChart
<script setup lang="ts">
import { MmChart } from "@mmflow/vue";
import { smaStudy, rsiStudy } from "@mmflow/charts";
import { createMmflowFeed } from "@mmflow/sdk";
const feed = createMmflowFeed({ transport: "sse" });
const indicators = [smaStudy({ period: 50 }), rsiStudy()];
</script>
<template>
<div style="height: 560px">
<MmChart
:feed="feed"
symbol="BTC"
resolution="1m"
:volume="true"
:autosize="true"
:indicators="indicators"
/>
</div>
</template>Confirmed binding behavior
The Vue binding mirrors the React props and exposes the imperative API through a component ref.
Props
feed, symbol, resolution, theme, indicators, candles, volume, and autosize are defined on MmChart.
Client-only engine
The component constructs WebGL on mount, so use it in browser-rendered Vue surfaces.
getApi ref
The binding exposes getApi() for hosts that need the confirmed IChartApi handle.
Repo starter template
Copy frontend/examples/vue-live-chart for the current public MmChart export, feed wiring, and built-in studies. The template is not part of the monorepo build.
Continue building
Move through the chart SDK docs without leaving the developer flow.