【问题标题】:Adding gauge chart to nvd3将仪表图添加到 nvd3
【发布时间】:2015-11-02 15:31:05
【问题描述】:

我有一个使用 angular-nvd3 的 Angular 前端应用程序。这对我来说很方便。 不幸的是,我现在需要一个仪表图,并且因为我从服务器响应创建动态图表,所以我不想构建许多条件来包含不同的图表库。
关于使用 d3.js 或尤其是 NVD3 的仪表图的信息不多。
我发现的唯一东西是http://bl.ocks.org/tomerd/1499279,但这只是基于 d3.js 的代码。如果我不想弄乱我的 Angular 应用程序,我应该将它集成到 NVD3 中。不幸的是,我不知道该怎么做。
有人有在 NVD3 或替代解决方案中工作的仪表图吗?

【问题讨论】:

  • 什么样的仪表图。 nvd3 有一个圆环图,可能可以适应某种“仪表”
  • 我提到的链接正是我在寻找的内容。带有指针和实时数据的仪表。你认为甜甜圈图可以修改得那么强烈吗?
  • 值得怀疑,可能太习惯了,无法使用 nvd3 图表进行调整。只要您使用 nvd3,您就可以使用纯 d3。只需使用该示例并制作自定义图表即可。
  • 你的尝试成功了吗?我可能做错了什么。我需要和你一样的仪表可视化:) @hans-höchtl

标签: angularjs d3.js charts nvd3.js angular-nvd3


【解决方案1】:

前段时间我为 nvd3 写了一个简单的仪表图表插件,虽然为了我们的目的它有点硬编码,但你应该能够根据你的需要对其进行修改:

https://github.com/enplore/nvd3-charts

【讨论】:

  • 非常感谢。这正是我开始所需要的。
猜你喜欢
  • 1970-01-01
  • 2016-02-03
  • 1970-01-01
  • 2018-10-10
  • 1970-01-01
  • 2014-12-07
  • 2015-12-25
  • 2016-08-21
  • 1970-01-01
相关资源
最近更新 更多