从div属性驾驶dimple.js图表​​

Question

目前我的代码充满了设置各种凹坑图表，通常是svgs，图表，轴等的锅炉板的小功能。在很多情况下，这些功能是绑定的，一对一一个div标签在哪里绘制图表。

我想建立一个系统，做这样的事情，而不是：

<div class="dimple-chart" margin-x="10% xAxisType="measure" xAxis="height" ...></div> 

一旦我想通了的命名约定和属性集，我需要，我可以使用jQuery（或无论什么作品）来转换属性中的值并生成图表。

我通常不做网络编程，所以我很好奇，如果我需要自己建立这个，或者如果这样的事情已经存在。如果没有工具或库，是否有一些标准或最佳实践，我应该知道（比如向div标签添加自定义属性）？

我已经看到了一些模板语言，它们甚至可以让您执行基本的数据转换，比如过滤，映射或减少数据。我有兴趣了解这种模板库在这种情况下是否可以提供帮助。

Answer 1

你几乎描述角指令，你是幸运的，因为设定的角度指令的存在酒窝称为角酒窝http://esripdx.github.io/angular-dimple/

Answer 2

对于谁就可能在未来访问这个问题，我有一个基本的原型在https://github.com/falconair/dimple-chart使用xtag的酒窝图标记。

这使用Mozilla的x-tag库，这意味着非角度的开发人员可以使用它。我拥有的是最基本的概念证明。截至目前，我的意图是只为我的应用程序尽可能多地构建它。随着时间的推移，如果有需求，我可能会进一步清理它