dart - 带有 dart 和 polymer 的图形库

Question

我想知道是否有人熟悉将聚合物 Dart 和图表放在一起。我正在研究使用 Google 图形 API，但是如果有人以不同的方式处理它们，我想在那里放一些试探。

Answer 1

我认为 SVG + Polymer 为图表库奠定了良好的基础!

不久前我尝试了 SVG 和数据绑定(bind)，对结果非常满意。我的实验库在这里:https://github.com/justinfagnani/svg-binding

自定义元素将是允许图表配置的非常好的方式。您可以提供带有 <chrt-bar-chart data="{{ myData }}"> 等标签的默认条形图，但允许通过提供更多属性或子元素进行增量定制:

<chrt-chart>
  <chrt-x-axis start="10" end="100"></chrt-x-axis>
  <chrt-grid spacing="100"></chrt-grid>
  <chrt-bars>
    <chrt-series name="Series One" data="{{ myData }}"></chrt-series>
    <chrt-series name="Series Two" data="{{ myOtherData }}"></chrt-series>
  </chrt-bars>
</chrt-chart>

举个粗略的例子。

当然，您可能不想编写自己的可配置图表库，因此如果您查看我的存储库中的条形图示例，您会发现从头开始制作自己的图表需要付出多少工作。能够使用数据绑定(bind)编写 SVG 变得非常简单，您可能会考虑在没有库的情况下完成它。