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

概述

RenderTo 是 ECharts JavaScript API 中的圖表渲染目標(biāo) (rendering) 配置項(xiàng)。它指定圖表渲染到哪個(gè) HTML 元素中。

語法

js renderTo: Element其中：element 為一個(gè) HTML 元素或元素的 id。

默認(rèn)值

js renderTo: null

示例

普通渲染到 div在 HTML 中定義一個(gè) div 容器： html 在JavaScript 中，將圖表渲染到該 div 中： js const myChart = echarts.init(document.getElementById('myChart'));渲染到 DOM 節(jié)點(diǎn)中 js const myChart = echarts.init(document.querySelector('.myChart'));指定父容器，自適應(yīng) 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，圖表將不進(jìn)行渲染。如果指定的 HTML 元素不存在，ECharts 將自動(dòng)創(chuàng)建它。

注意事項(xiàng)

如果渲染目標(biāo)的尺寸發(fā)生變化，需要調(diào)用 `resize` 方法來重新渲染圖表。如果在同一個(gè) HTML 元素中渲染多個(gè)圖表，需要使用不同的 `id`。當(dāng)使用 SVG 渲染器時(shí)，渲染目標(biāo)的 `InnerHTML` 將被覆蓋。

相關(guān) API

[resize](

貢獻(xiàn)

如果您發(fā)現(xiàn)本文檔存在問題或有改進(jìn)建議，歡迎通過以下方式貢獻(xiàn)：在 GitHub 上提交 issue：在 Gitter 上加入討論：通過郵件聯(lián)系我們：echarts-team@Apache.org

---

---

相關(guān)標(biāo)簽： 中的圖表渲染目標(biāo)、 JavaScript、 rendering、 RenderTo、 API、

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

下一篇：RenderTo將圖表渲染到特定容器rendered