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