问题标签 [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.

203 问题

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 指令：

d3.js nvd3.js 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中使用的硬编码图形对象：

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

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

javascript angularjs d3.js nvd3.js angular-nvd3

0 投票

2 回答

544 浏览

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

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

快照

angularjs tooltip angular-nvd3

0 投票

2 回答

265 浏览

javascript - IonicModal 与 AngularNVD3 的冲突（基于 D3）

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

这是一张图片