问题标签 [angularjs-nvd3-directives]

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 回答
466 浏览

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

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

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

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

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

0 投票
1 回答
360 浏览

angularjs - 如何删除/隐藏 nvd3 LineWithFocusChart 的焦点部分

我在我的角度 nvd3 webapp 中使用 LineWithFocusChart ,就像这样。我使用动态隐藏/显示图表的底部。是否有这样做的选项,或者我必须在需要时用通常的 LineChart 替换 LineWithFocusChart,反之亦然?

0 投票
1 回答
197 浏览

javascript - 折线图 - Y 轴值未显示在工具提示中

嗨,我正在使用 Angular NVD3 折线图。我得到 Y 轴的十进制值。在 Y 轴的 tickFormat 中,我将其更改为整数格式。

现在,工具提示中的 Y 轴值没有显示出来。如果该值为整数,则仅显示它。

我尝试在我的图表选项中使用如下所示的工具提示 valueFormatter -

但它没有被调用。如果 tickFormat 与值不同,任何想法如何在工具提示中显示值。

0 投票
1 回答
984 浏览

javascript - 尝试制作 NVD3 图表时出现“a.map 不是函数”错误

我正在尝试使用 AngularJS 和 NVD3 制作图表。但我不断收到错误消息。

这是index.html

这里是app.js

这是我粘贴到textarea标签中的内容。

当我将其粘贴到 中textarea,然后单击“更新图表”button时,此错误会出现在浏览器的控制台中。

该错误没有引用我的脚本,app.js. 我的代码中的什么导致了这个错误?我如何解决它?

0 投票
0 回答
345 浏览

angularjs - 当我使用 rotateLabels 以角度 nvd3 旋转 x 轴上的刻度时,axisLabelDistance 属性不起作用

我正在使用一个使用角度 nvd3 的简单折线图,我使用日期作为 x 轴上的刻度,我希望刻度和轴标签之间有一些空间。为此,我axisLabelDistance: 100,用来保持差距,并且工作正常。我的问题是当我rotateLabels: 15用来旋转 x 轴刻度然后axisLabelDistance停止工作。

这是示例plunkr

我需要在刻度和轴标签之间增加一些间隙。谢谢

0 投票
1 回答
659 浏览

nvd3.js - 在 NVD3 图表中,我如何使用自定义工具提示以及让 userInteractiveGuideLine 为 true

我正在使用 nvd3 绘制一些图表。我想显示一个自定义工具提示,而不是 nvd3 提供的默认工具提示。同时,我想显示指引线,即垂直指引线栏。但问题是当我显示自定义工具提示时,我必须禁用 userInteractiveGuideLine。以下代码显示了我真正想要的

因此,当我制作时,useInteractiveGuideline: false我可以看到自定义工具提示并且可以看到自定义消息TOOLTIP entered,但我看不到垂直指南。但是当你设置useInteractiveGuideline: true我可以看到垂直引导线但我看不到自定义工具提示。我也看不到控制台消息。有没有我可以使用自定义工具提示以及使用的解决方案useInteractiveGuideline: true

0 投票
0 回答
88 浏览

angularjs - 无法在 MultiChart 中呈现多个 MultiBarCharts。角度 nvd3 图表

我需要使用Angular nvd3在 MultiChart 中同时拥有两个 MultiBar 图表。MultiChart 适用于条形图、折线图和面积图或这三种图表的组合。但是当我尝试在图表窗口中使用多个 MultiBar 图表时,我遇到了错误。请看一下链接。这正是我想要构建的。如果有人可以提供帮助,我将很高兴。

0 投票
0 回答
155 浏览

nvd3.js - Multichart krispo 显示曲线而不是直线

在我的角度应用程序中,我使用了 Krispo Multichart 图表。我在哪里得到一些奇怪的图表点。

请参见下面的屏幕截图:

更新

屏幕截图 1:

在此处输入图像描述

屏幕截图 2:

在此处输入图像描述

屏幕截图 3:

在此处输入图像描述

在上面的屏幕截图中,数据每分钟都会出现一次(即预期)。数据似乎正确。

这是我的选项:

和 JSON 数据:

预期图形中不应包含曲线,因为这是折线图。我的案例点向右走,又向左走,然后向上走。

有人知道为什么会这样吗?我该如何解决这个问题。

0 投票
0 回答
296 浏览

angularjs-nvd3-directives - Nv-d3-directive TypeError:无法读取未定义角度的属性“长度”

我在尝试整合从 api 获得的数据时遇到错误。

我在 index.html 中包含了以下文件:

这是我的 html 代码:

这是我从中获取数据的地方

预测返回具有 aa 结构的对象数组

这是我得到的错误:

如果需要其他信息,请告诉我,我们很乐意提供。

任何帮助或指导表示赞赏。

提前致谢。

0 投票
1 回答
103 浏览

javascript - angularjs nvd3 调度图表事件不会触发 $onChanges()

如何在子组件angularjs nvd3 dispatch.elementMouseover中触发$onChanges()

.


.

父组件控制器(StatsComponent)

.


.

父组件 HTML (StatsComponent)

.


.

子组件(LeaderComponent)

.


.

子组件控制器(LeaderComponent)