Svelte-ChartJS图表装订

vmdwslir  于 2023-01-30  发布在  Chart.js
关注(0)|答案(1)|浏览(148)

我正在尝试使用svelte-chartjschartjs-plugin-zoom。为了编程调整缩放。为了做到这一点,你必须绑定到元素。这可以在React-ChartJS-2中说明-见下面的按钮。
有没有一个小图表的 prop ,使装订?
比如:

<Line chartRef={myrefvar} {options} />
kh212irz

kh212irz1#

使用bind:property(tutorial)获取图表引用REPL

<script>
    ...

    let chartRef

    const onZoomPluse = () => {
        chartRef.zoom(1.1);
    };
</script>

<Line bind:chart={chartRef} options={options} data={data} />

<button on:click={onZoomPluse}>zoom +10%</button>

相关问题