如何在 Flutter 应用中使用 HighCharts 飞镖库？

Posted 2023-02-19

【中文标题】如何在 Flutter 应用中使用 HighCharts 飞镖库？

【英文标题】：How to use HighCharts dart library in Flutter app?

【发布时间】：2018-03-27 11:34:25

【问题描述】：

我正在研究使用 HighCharts Dart 库为我的颤振应用构建可视化。基于示例here，我不太确定如何将其集成到颤振应用程序中。

环顾四周，除了从头开始构建之外，似乎没有用于 Flutter 应用的图表库。您知道此issue 是否已解决或仍在进行中？

感谢您的宝贵时间！

【问题讨论】：

你链接的那个在 Flutter 中不起作用，它只是包装了一个 JS 包。 Flutter 不运行 JS。在 Flutter 中，你需要一个 Flutter 原生的。

@GünterZöchbauer 你知道我可以使用哪些图表库来构建 Flutter 应用程序吗？

我认为还没有。如果有的话，我相信您可以在 pub.dartlang.org 中找到它。如果它有 Web 图标，它可能无法在 Flutter 上运行。

好的，感谢您的帮助。

您需要什么样的图表视图？实际上，我正在用 Flutter 构建一个雷达图，但需要更多时间才能完成。

【参考方案1】：

我知道您正在寻找直接集成，但您可以使用节点导出服务器。

https://www.highcharts.com/blog/news/256-introducing-the-highcharts-node-js-export-server/

我是如何使用它的，我在服务器上发布到高脚椅上，获取 SVG，然后在颤动中显示它。它不如本地好，但它适用于大量用例。

可以使用任何服务器端 SVG 图表渲染器应用相同的技术。

【讨论】：

你知道 Flutter 不能在 JS 上运行（比如 React 或 Xamarin）

您知道我的回答是服务器端技术，如我回答的最后一句所述。您发布数据，服务器创建并使用 svg 回复，然后客户端（颤振）呈现它

我明白了。值得一试，但 SVG 支持仍然非常有限。

您总是可以使用 png，但 SVG 具有基本交互性的能力。我们这样做是使用 pygal (pygal.org/en/stable/documentation/output.html) 的精确技术，它适用于我们的用例。