Highcharts 允許您將圖表渲染到特定容器中，而不是默認的 DOM 容器。本文檔將介紹如何使用 renderTo 選項實現這一點。

使用 renderTo 選項

使用 renderTo 選項，指定您希望圖表渲染到的容器的 ID。您可以使用以下語法：

Highcharts.chart({renderTo: 'container-id',// 其他圖表選項...});

其中， container-id 是您想要渲染圖表到的容器的 ID。

示例

以下示例演示了如何使用 renderTo 選項將圖表渲染到特定容器中：

Highcharts.chart({renderTo: 'container',series: [{data: [1, 2, 3, 4, 5, 6, 7, 8, 9]}]});

使用 HTML 容器

您還可以使用 HTML 容器來渲染圖表。這可以通過創建一個具有指定 ID 的 div 元素并使用 renderTo 選項將其傳遞給 Highcharts 來實現：

絕對和相對 URL

如果您使用絕對 URL 引用圖表容器，您需要確保該 URL 在所有瀏覽器和設備上都能訪問。如果您使用相對 URL，則它將相對于 HTML 頁面所在的位置進行解析。

銷毀圖表

如果您不再需要圖表，您可以通過調用 chart.destroy() 方法來銷毀圖表。這將從 DOM 中移除圖表容器并釋放其占用的資源。

結論

使用 renderTo 選項，您可以將圖表渲染到特定容器中，從而提供更多的靈活性并允許您將圖表集成到自定義布局中。

---

---

相關標簽： RenderTo、 將圖表渲染到特定容器、 rendered、

上一篇：RenderToJavaScriptAPI中的圖表渲染目標ren

下一篇：PHPSmarty社區資源發現文檔論壇和支持