问题标签 [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 回答
251 浏览

angularjs - NVD3-Angular 中 multiChart 的 Duration 属性不起作用

我尝试更改 multiChart 的持续时间属性,但它不起作用。是例子

http://plnkr.co/edit/ohZDWMq4zxear9V98ItO?p=preview

0 投票
1 回答
1776 浏览

d3.js - nvd3 angular-nvd3 d3 垂直显示图表图例

我正在使用 nvd3 和 angular-nvd3 创建一个饼图。我已经显示了我的图例,但它在顶部连续显示。

我想将它显示在左侧下方的列中。

我找到了http://embed.plnkr.co/TJqjjkHaD2S0VjsGmN3c/preview但是当我使用 .js 文件中的选项时,所做的只是改变图例的外观,而不是位置。

css 文件为空,html 中似乎没有内联 css。所以我不确定他们如何将图例的位置放在右侧的列中。

我确实看到了legendPosition: 'right',但是当我使用时legendPosition: 'left',整个饼图就会消失。

所以至少我如何在一个列中显示,如果我能把它改到左边就太好了。

选项对象:

angular-nvd3 指令:

0 投票
1 回答
118 浏览

javascript - 为什么我的 angular-nvd3 multiChat 图表没有在这里呈现?

工作原始 Plunkr: http ://plnkr.co/edit/nHSMF2?p=preview

在此处输入图像描述

我的分叉 Plunkr: http ://plnkr.co/edit/4Ecqif?p=preview

在此处输入图像描述

我正在使用Angular-nvd3图表库。这是他们原始的 multiChart 示例,其中包含多个折线图和面积图。正如您在顶部链接中看到的那样,我将它分叉并将图表减少到只有 3 个(2 个区域,1 条线)。

在他们最初的例子中,他们使用一个函数来随机生成数据点,在我定制的 fork 中,我删除了该函数并硬编码了图形对象。我没有看到任何错误,所以不确定为什么我的图表没有被渲染。

有什么想法吗?

我在这个损坏的 Plunkr中使用的硬编码图形对象

我检查了我的数据并仔细地将其与动态数据进行了比较。并匹配它的关键,但我的图表仍然没有显示:(

左边是我的硬编码版本 | 右边是工作动态数据:

在此处输入图像描述

0 投票
2 回答
544 浏览

angularjs - 从角度 nvd3 堆积面积图工具提示中删除总数

我在我的网站上使用 angular-nvd3 的堆积面积图。在图形工具提示上,除了数据点之外,所有点的总数也被渲染。如何禁用它?我附上了我设置的快照和图形选项。

快照 在此处输入图像描述

0 投票
2 回答
265 浏览

javascript - IonicModal 与 AngularNVD3 的冲突(基于 D3)

我在我的 Ionic 应用程序中使用 nvd3。有一种情况是我面临一个问题,即我在一个选项卡上有一个 PieChart,在另一个选项卡上有 IonicModal。一旦我打开 IonicModal,然后当我进入 PieChart 选项卡时,图表变得如此之小。对我来说看起来很奇怪,因为如果 IonicModal 在同一个选项卡上,并且 pieChart 是可见的,那么 Modal 不会影响 pieChart,但是如果 pieChart 被隐藏并且我打开 Modal,那么图表再次变得如此小(设计被打扰了)...

这是一张图片 在此处输入图像描述

这里是精简版在此处输入图像描述

这是紧凑的。任何帮助,将不胜感激。

0 投票
1 回答
378 浏览

angularjs - 带日期的 nvd3 箱线图

我试图在我的 Y 轴将成为日期的地方绘制一个箱形图。我试图精简到最低限度,但我只看到“无可用数据”。

这是plunker

我只想看一些日期,我可以从那里继续前进。

谢谢!

0 投票
2 回答
362 浏览

angular-material - 角材料nvd3

我正在使用 Angular 材料和 NVD3 的组合,同时调查为什么工具提示对我不可见。

我已经将http://krispo.github.io/angular-nvd3/#/quickstart提供的示例切碎并克隆到 plunker,它是这样的:

在此处输入图像描述

虽然具有 nvd3 包装器的角材料上的相同看起来像这样(没有工具提示)

在此处输入图像描述

如果有人有类似的经历以及如何解决,正在徘徊。

宣言:

并在控制器内部

对于库的版本:

我尝试过反复试验,但没有帮助,有类似情况的人吗?

0 投票
1 回答
1982 浏览

angularjs - 使用角度 NVD3 创建 x 轴标签

我想在下面的 nvd3 折线图中为我的 x 轴创建诸如“星期一、星期二、星期三”等字符串。在下面的代码中,如何使 x 轴具有字符串/标签而不是数字:

我正在使用这个库:https ://github.com/krispo/angular-nvd3

0 投票
0 回答
58 浏览

angularjs - 角度 nvd3 绘图线几乎不可见

我正在使用带有角度指令的 nvd3 来绘制一些数据。它曾经工作得很好,但是现在我注意到情节消失了,或者说减少到一条非常细的线。数据进来了,图正在显示,但几乎看不到。我怎样才能让它恢复正常?

这是它在 html 中的样子:

以下是 javascript 中的选项:

如果它们是问题,这里还有我所有的 javascript 依赖项:

谢谢

0 投票
1 回答
568 浏览

angularjs - 工具提示中的 angular-nvd3 内容百分比

我正在研究如何在工具提示中显示与当前图表相比的饼图百分比。

首先,我尝试寻找类似的东西,chart.labelType: 'percent'但看起来没有这样的选择。

我现在要做的是chart.tooltip.contentGenerator根据文档计算内部百分比,该函数应该传递 5 个参数function (key, x, y, e, series) -> String,但是我只收到第一个参数。

我正在使用 angular 1.5.0、d3 3.5.16、nvd3 1.8.2 和 angular-nvd3 1.0.5。

在工具提示中显示百分比的最佳做法是什么?