【问题标题】:How to use HighCharts dart library in Flutter app?如何在 Flutter 应用中使用 HighCharts 飞镖库?
【发布时间】: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 构建一个雷达图,但需要更多时间才能完成。

标签: highcharts dart 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) 的精确技术,它适用于我们的用例。
猜你喜欢
  • 2020-05-01
  • 2020-11-28
  • 1970-01-01
  • 2021-12-05
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2019-03-11
相关资源
最近更新 更多