问题标签 [angular-nvd3]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
165 浏览

javascript - Add additional fields in angular-nvd3 tooltip

I'm creating a scatter chart using angular-nvd3 (e.g. http://krispo.github.io/angular-nvd3/#/scatterChart). I can create a custom tooltip using the below function

My requirement however is more basic and to add a couple of additional fields (if not null) in the default tooltip generated by nvd3.

Is it possible to map the textvalue property in the graph's data object to the the default nvd3 toolip?

0 投票
1 回答
34 浏览

angularjs - Angular nvd3 Horizo​​ntalBarChart 在 barLine 和 holizontalLine 中显示差异格式

我正在创建一个图表,它使用基于 nvd3 和 d3.js 的 Angular-nvd3 库,我有一个问题,我想在图表 barLine 中显示百分比,在图表中显示总数,如下所示: 在此处输入图像描述

但目前,我不知道该怎么做。我创建了一个 plnkr:[http://plnkr.co/edit/PygsTn?p=preview][2]

希望我能得到一些帮助。感谢您花时间看我的问题。

0 投票
1 回答
466 浏览

angularjs - Unicode 标签不显示为 Fontawesome 图标

我正在使用 angular-nvd3 创建图表当我尝试在它是标签的地方显示图标时遇到问题。

但是当它显示在图表上时,它得到了一个 unicode 标签:

这是它在 HTML 上实际显示的内容,但应该显示

有人有这方面的经验吗?或者对我有什么想法?谢谢这里是 plnkr 网址:http ://plnkr.co/edit/PygsTn?p=preview

0 投票
1 回答
541 浏览

javascript - 在 angular-nvd3 散点图中画一条垂直线

我有一个带有两个系列数据的 angular-nvd3 散点图(类似于http://krispo.github.io/angular-nvd3/#/scatterChart )。需要在此图表中添加一些垂直参考线以标记关键日期。

在此处输入图像描述

多图表有效,但我会失去缩放功能,这是一个关键要求。

有没有办法在散点图中添加垂直参考线?TIA

0 投票
1 回答
60 浏览

angularjs - 在 Angular nvd3 图表 Yaxis 中显示 K 和 M

请您帮我更改 angular nvd3 yAxis2 中的显示。事实上,我正在尝试将显示从例如从 9000 更改为 9K。我知道这可能是可以使用d3.formatPrefix(".1", 1e6)但我无法做到的。这是一个plunker

0 投票
0 回答
225 浏览

angularjs - 带焦点的角度 nvd3 多图

有谁知道如何将焦点线添加到角度 nvd3 多图表?这是一个plunkerfocusEnable:true但不工作,提前谢谢你

0 投票
1 回答
60 浏览

angularjs - Angular NVD3 反向焦点栏刻度显示顺序

有没有办法在 Angular NVD3 中为焦点 xAxis 设置域?事实上,我更新了主图表的 xDomain 以反转顺序,但焦点栏的顺序仍然不同。有什么建议吗?这是一个plnker的详细信息。我也试过x2Domain:[364,3],但它不工作

0 投票
0 回答
266 浏览

angularjs - 具有多个 x 轴组的 Angular-nvd3/nvd3/d3 条形图

我正在尝试找到一种方法来使用在 x 轴上具有多个分组级别的 d3(最好是 Angular-nvd3)创建分组多条形图。

最终结果将类似于以下(非常简单)的模型:

带有 2 个 x 轴的条形图模拟

任何解决方案都需要使用数据绑定来生成正确的轴标签,即没有硬编码。

任何帮助将不胜感激。

0 投票
3 回答
65 浏览

javascript - 将 Object Literal 变成可重用的类?

是否可以在下面使用此代码并使其易于重复使用,而无需每次我想创建新选项时复制和粘贴:

现在,如果我想要另一个图表,我必须立即执行此操作:

如果有一种方法可以创建一个类或类似的东西,那就太好了,这样我就可以添加一个新选项而不必重用所有相同的代码,有点像隐藏不需要为实现而知道的所有内容. 我四处寻找方法来做到这一点,但我的搜索没有成功。

编辑:到目前为止,在查看回复后,我可能没有足够的信息。这是完整的数据:

这是来自 angular-nvd3 并且回购没有足够的支持让我解决这个问题。我已经开始为此创建一个类,但我认为我没有遵循最佳实践,因为我不知道如何将这样的对象文字转换为我可以为我想要创建的任何图表新建的类。

我看到的是在 2 之间使用了一些代码,然后一些不是。我希望我不会在这个问题上寻求帮助的能力之外感到困惑。

0 投票
0 回答
39 浏览

css - 在 AngularNVD3 图表中隐藏混合区域

有没有办法在角度 nvd3 图表中隐藏混合区域?实际上,我要做的是仅显示两个区域之间的差异,我尝试将第一个以白色作为背景色,因为它总是比第二个小,但它不起作用,我也检查了该mix-blend-mode选项,但无法做到这一点,请问有什么建议吗?这是一个带有示例的plunker