【问题标题】:What format should data be in for a Dangle JS graph?Dangle JS 图的数据应该采用什么格式?
【发布时间】:2013-12-04 21:05:55
【问题描述】:

我正在使用 dangle.js,这是一个基于 D3 为 Angular JS 构建的可视化工具。我正在尝试通过使用 html 调用指令来输出图形

<fs-area bind="data" on-click="filterByDate" />

在我的控制器中我有代码

$scope.data = [
{x: 1, y: 100},
{x: 2, y: 20},
{x: 3, y: 43}
];

但是,图表没有显示,可能是因为我不确定指令希望如何给出数据。我是 D3 的新手,谁能指出我正确的方向或给我一个将显示在图表中的示例数据集?谢谢。 Dangle.js 文档不是很有帮助http://www.fullscale.co/dangle/

【问题讨论】:

  • 您是否收到错误消息或类似的信息?
  • 控制台中没有错误消息,图表根本不会出现。我确定 js 正在工作,因为它显示了面积图的 x 轴和 y 轴,但没有数据。我正在考虑坚持使用平面 D3.js,尽管使用它似乎有相当长的学习曲线。

标签: javascript angularjs d3.js angularjs-directive


【解决方案1】:

fs-area 期望数据出现在sub-field entries 中,而xy 访问器分别为timecount。因此,这应该有效:

$scope.data = {
    entries: [
      {time: 1, count: 100},
      {time: 2, count: 20},
      {time: 3, count: 43}
    ]
};

【讨论】:

  • 谢谢!我现在有一个图表出现!我知道现在在哪里可以找到其他人的信息。谢谢。
  • @AndyHadjigeorgiou 如果这解决了您的问题,请考虑将其标记为答案。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2022-01-15
  • 1970-01-01
  • 2011-01-11
  • 1970-01-01
  • 1970-01-01
  • 2018-08-14
  • 2021-03-23
相关资源
最近更新 更多