RenderTo - 将图表渲染到特定容器 (rendered)

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社区资源发现文档论坛和支持