Svelte-ChartJS图表装订

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

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

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

kh212irz1#

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

  1. <script>
  2. ...
  3. let chartRef
  4. const onZoomPluse = () => {
  5. chartRef.zoom(1.1);
  6. };
  7. </script>
  8. <Line bind:chart={chartRef} options={options} data={data} />
  9. <button on:click={onZoomPluse}>zoom +10%</button>

相关问题