问题标签 [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 投票
0 回答
225 浏览

angularjs - NVD3 折线图未使用 forceY 更新 yAxis

我有一个折线图,在最低和最高价格与图表边界之间有一个边距。我不希望刻度线触及图表的顶部和底部,所以我使用 forceY 来实现这一点。

数据:

问题是,当我更改数据时,图表似乎可以正确重绘。yAxis 刻度用最高值更新,但数据的值,而不是 y_axis_range

如何正确强制图表具有预期的刻度范围?

0 投票
1 回答
242 浏览

angularjs - 带有数据 [] 的饼图不显示任何消息

大家好,我有一个用 nvd3 制作的饼图,当 graph.data=[] 它不显示任何内容时。我想显示一条简单的消息,例如“没有数据可显示”

看法:

查看日志:

选项:

我的标签全是空白的,我想显示一条消息以通知用户...怎么做?

在此处输入图像描述

0 投票
0 回答
71 浏览

graph - NVD3 linePlusBarChart,如果左/右边缘很小,x轴标签消失,在-1和1之间

在我的 NVD3 linePlusBarChart 中,如果左/右边缘是介于 -1 和 1 之间的小双精度值,则 x 轴标签会消失。请注意,如果左边缘小于 -1 且右边缘大于 1(无论是双精度还是整数),然后标签正确显示。不确定这是否是一个错误。我将获得的实际数据集将包含非常小的双精度值,通常在 -0.1 和 0.1 之间。任何解决此问题的解决方法/建议/帮助将不胜感激。

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

JSfiddle 在http://jsfiddle.net/1gqc6pb7/12/

在此处输入图像描述

在此处输入图像描述

0 投票
1 回答
44 浏览

angularjs - 使用 nvd3.js 自定义甜甜圈图

尽管对圆环图进行了颜色填充,但我试图实现只有边框的区域的透明颜色。我正在将 nvd3 与 angularJS 一起使用,但无法实现。关于如何做到这一点的任何建议。

如果有任何图书馆 - 有能力这样做,请提出建议。

图片供参考

0 投票
2 回答
62 浏览

angularjs - Lodash:将数组转换为 angularjs nvd3 Multibarchart 数据

我想将从 api 获取的 apiArray 转换为 AngularJS NVD3 MultiBarChart 数据格式。

使用 Lodash 库,其中 key 是我的 id,到 ->

有什么解决办法吗?我想将我的 apiArray 提供给 AngularJS NVD3 以创建 Multibar 图表。

0 投票
0 回答
119 浏览

angularjs - Angular js nvd3为图例设置边距

如何为 nvd3 图表的图例添加边距。我正在关注https://github.com/krispo/angular-nvd3/blob/gh-pages/js/lineChart.js他们已经为图例提供了事件,但没有显示与图例边距相关的任何示例。我试过像

并在 html<nvd3 options="options" data="effortData" class="with-3d-shadow with-transitions"></nvd3>

但这不起作用。有什么方法可以为图例添加边距?谢谢你。

0 投票
1 回答
54 浏览

angularjs - Angular-nvd3(1.0.7)discreteBarChart的条不显示

我从 example 复制了所有选项和数据源。并且图表显示,但我看不到条形图。但如果我将鼠标悬停在它上面,它会给我一个工具提示。所以酒吧在那里,但我看不到它..

我使用的版本是 Angular-nvd3 1.0.7

在此处输入图像描述

和代码:

我不知道为什么该栏不显示。这是一个错误或选项有问题?

0 投票
1 回答
114 浏览

d3.js - D3条形图yaxis缩放问题,我不想要十进制/重复值

我已经使用 NVD3 库实现了 D3 图表,下面是参考链接。有没有办法可以停止这种自动缩放或摆脱这个十进制值。 http://nvd3.org/livecode/index.html#codemirrorNav

在此处输入图像描述

在此处输入图像描述