RenderTo - JavaScript API 中的图表渲染目标 (rendering)

charts/dist/echarts.min.css" rel="stylesheet"/>

概述

RenderTo 是 ECharts JavaScript API 中的图表渲染目标 (rendering) 配置项。它指定图表渲染到哪个 HTML 元素中。

语法

js renderTo: Element其中：element 为一个 HTML 元素或元素的 id。

默认值

js renderTo: null

示例

普通渲染到 div在 HTML 中定义一个 div 容器： html 在JavaScript 中，将图表渲染到该 div 中： js const myChart = echarts.init(document.getElementById('myChart'));渲染到 DOM 节点中 js const myChart = echarts.init(document.querySelector('.myChart'));指定父容器，自适应 js const myChart = echarts.init(document.getElementById('myChart'), {height: '100vh',width: '100vw' });指定像素高度和宽度 js const myChart = echarts.init(document.getElementById('myChart'), {height: 600,width: 800 });渲染到 SVG 中 js const myChart = echarts.init(document.getElementById('myChart'), {renderer: 'svg' });

其他

如果 renderTo 为 null，图表将不进行渲染。如果指定的 HTML 元素不存在，ECharts 将自动创建它。

注意事项

如果渲染目标的尺寸发生变化，需要调用 `resize` 方法来重新渲染图表。如果在同一个 HTML 元素中渲染多个图表，需要使用不同的 `id`。当使用 SVG 渲染器时，渲染目标的 `InnerHTML` 将被覆盖。

相关 API

[resize](

贡献

如果您发现本文档存在问题或有改进建议，欢迎通过以下方式贡献：在 GitHub 上提交 issue：在 Gitter 上加入讨论：通过邮件联系我们：echarts-team@Apache.org

---

---

相关标签： 中的图表渲染目标、 JavaScript、 rendering、 RenderTo、 API、

上一篇：RenderTo在指定HTML元素中渲染图表rendered

下一篇：RenderTo将图表渲染到特定容器rendered