带有飞镖和聚合物的图库

Question

我想知道是否有人熟悉将聚合物飞镖和图表放在一起。我正在考虑使用谷歌图形API，但是如果有人处理不同的话，我想把一些触角放在那里。

Answer 1

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

我曾经尝试过SVG和数据绑定，并对结果非常满意。我的实验存储库位于：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>

粗略的例子。

当然，您可能不想编写自己的可配置图表库，因此如果您检查我的仓库中的条形图示例，您可以看到从头开始滚动您自己的图表需要做多少工作。能够使用数据绑定编写SVG使其足够简单，您可以考虑在没有库的情况下进行此操作。