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

javascript - 在 NVD3 图形上添加参考线

我目前正在使用Angular-NVD3库来生成如下图:

当前图表

我的任务是在图表上添加一条参考线,作为目标日期。我一直在寻找一种在 y 轴上添加渐近线的方法,一种绘制另一条线[targetDate, y] where y = [0:max]的方法,以及一种在同一轴上添加折线图的方法。不幸的是,我的搜索没有任何结果。我的目标是在代码中创建一个如下所示的图形:

目标

有谁知道我该怎么做?

0 投票
1 回答
303 浏览

angularjs - 角度 nvd3 多条形图堆叠未正确显示

我正在使用角度 nvd3 创建多条形图。它以分组格式正确显示数据,但单击堆叠时仅显示单色。我为它创建了一个 plunker。任何想法我做错了什么?

链接到 Plunker

0 投票
0 回答
108 浏览

javascript - 隐藏折线图图例的特定部分

有没有办法使用 angular-nvd3 模块在普通折线图中隐藏图例的某些部分?

实际上,问题是我有几条线,我希望隐藏我的虚线的图例,因为我不希望用户能够选择/取消选择这些虚线。

0 投票
1 回答
210 浏览

css - angular-nvd3 图形在选项卡内容中的格式错误

我想在我的网页上显示饼图和多条形图。我有一个控制器来为这些图表设置数据和选项。除了这些图表的格式之外,一切都很好。我有以下代码:

我有这个导航:在此处输入图像描述

输出是:在此处输入图像描述这是所需的。但是,当我单击导航“直方图”以查看另一张图时,我会得到以下信息:在此处输入图像描述该图被挤压到屏幕的一侧。现在,如果我单击图形或不单击另一个按钮来重新加载数据,格式会发生如下变化:在此处输入图像描述这是实际需要的。

在这里,如果我重新加载数据(我有一个按钮来执行此操作)并返回查看我的饼图,那么我会看到:在此处输入图像描述我的饼图现在已被挤压。

当放置在选项卡内容之外时,每个图表都表现良好。我不知道为什么会这样。我需要一些建议。提前致谢。

0 投票
1 回答
1427 浏览

angularjs - Angular ui-tab 隐藏后不刷新

我正在寻找隐藏标签然后显示它们,但我面临一个令人耳目一新的问题。事实上,如果我选择一个图表然后单击隐藏按钮以显示网格,它会隐藏其他选项卡,但它始终显示 nvD3 图表而不是 ui-grid。即使在图表选项卡中,如果我选择选项卡 2,然后单击隐藏按钮,然后显示按钮,它将激活第一个选项卡,但选择第二个图表而不是第一个。

这是我正在尝试的示例的plunker

0 投票
1 回答
1817 浏览

javascript - 在 Leaflet 弹出窗口中插入 NVD3 图表

在我的AngularJsWeb 应用程序中,我正在使用Leaflet.jsLeaflet markercluster构建地图。

为了渲染图表,我使用nvd3.jsnvd3-angular-directive

我有来自世界各地的不同数据,我正在CircleMarker为每个收到数据的国家展示一个简单的数据。

我的数据是这样组织的:

这意味着在地图中 aCircleMarker将显示在美国和意大利的中心。

现在让我们来解决这个问题,我在每个 上绑定一个弹出窗口CircleMarker,我希望每个弹出窗口都包含一个nvd3饼图(特别是一个甜甜圈)图表,该图表将显示该rate特定国家的 s 分布。

问题是当前地图已正确渲染并且标记放置完美,但是当我单击标记时,出现的弹出窗口为空(见图)。我用谷歌搜索但找不到任何可以帮助我的东西。

空弹出窗口


这就是我构建CircleMarkers集群的方式:


更新

我已经改变了一些事情。首先,我扩展了CircleMarker课程

然后我CustomCircleMarker在我的地图中使用它

然后我绑定弹出窗口,用我的自定义数据填充标记并创建一个 onclick回调,它使用我的有用数据发出一条消息。

接收器将获取数据并以这种方式呈现图表:

可悲的是,这不再起作用了.. 不再工作

注意:我没有使用 angular-leaflet-directive,因为我发现它有点矫枉过正并且不太喜欢它。你觉得我还是用它比较好?

0 投票
1 回答
1181 浏览

javascript - NVD3 调度事件在 HistoricalBarChart 上不起作用

我正在尝试让图表单击和鼠标事件在 NVD3 历史条形图上工作 - 但我没有这样做。请在此处查看 plnkr http://plnkr.co/edit/Hnyi1A?我在这里看到https://github.com/krispo/angular-nvd3/issues/36他们建议使用 interactiveLayer 属性,但是它似乎不起作用。可能是一个错误?

0 投票
1 回答
2161 浏览

angular-nvd3 - angular-nvd3 如何更改图表背景颜色

我正在关注 angular-nvd3 示例,并想更改图表的背景颜色。我查看了这个http://krispo.github.io/angular-nvd3/#/lineChart 但我看不到任何可以设置背景颜色的地方。有什么帮助吗?顺便说一句,我的情节看起来像黑色背景。在此处输入图像描述

0 投票
0 回答
653 浏览

nvd3.js - angular-nvd3 如何显示折线图的数据值

我想使用 angular-nvd3 创建一个 LINE 图表,每个数据点顶部都有标签并显示数据值。我能够找到“showValues”选项,它可以用于discreteBarChart,但该选项似乎不适用于折线图。

有什么帮助吗?下面是我想要的图片。更新:我知道事实上“showValues”不在 LineChart 中。但是有什么解决方法吗?

在此处输入图像描述

0 投票
1 回答
184 浏览

angularjs - 在角度 NVD3 多图表中显示月份名称

我正在尝试显示月份名称以制作一个多图表,该图表将分析今年和上一年的数据。我试图用蜱虫来做到这一点。这是一个朋克,我正在尝试这样做,但我无法显示月份名称,它总是显示一月。有没有办法以不同的方式做到这一点?这是最好的方法,如何解决?