Angular UI-Grid和D3图连续

Question

我想知道你是否有任何将图形注入ui-grid的经验.我正在做的是,我有一行定义如下:

  { name:'Column Name', cellTemplate: '<spark-line-chart values="grid.appScope.valuesStacked"></spark-line-chart>'}

Spark-line-chart指令负责创建D3图表(实际上,nvd3是精确的).这会创建svg图.

现在,每次我尝试对表进行排序时,除了图表之外,表中的所有值都会被排序.到目前为止,我正在模拟数据,并为所有图形使用一个值数组.

任何人都有类似的问题,并知道这个问题的答案？

Answer 1

首先,你使用哪种类型的nvd3.js Angular模块？

如果您使用angular-nvd3,您可以检查以下示例:

http://plnkr.co/edit/XESqEPwfXF3ulQkfuBOE

请注意,在您的单元格模板中,您必须将nvd3图形包含<DIV>在.ui-grid-cell-contentsCSS类中:

<div class="ui-grid-cell-contents">
  <nvd3 options="row.entity.spark.options" data="row.entity.spark.data"></nvd3>
</div>