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

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

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

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

0 投票
1 回答
778 浏览

angular - nvd3 Angular2 动态更改图表选项

我将 nvd3 用于 angular2,并且我正在尝试在初始化之后动态更改图表选项(yDomain)。

我已经尝试过这个:

任何帮助表示赞赏。

0 投票
0 回答
309 浏览

css - 更改 ng2-nvd3 (Angular2) 中的字体系列

我正在尝试将一般字体系列或至少 nvd3 用于 Angular2 的标签更改为 Open Sans。到目前为止,任何使用 CSS 的方法都没有奏效。有任何想法吗?

0 投票
1 回答
564 浏览

angular2-directives - ng2-nvd3 实时折线图更新

我只是在 ng2-nvd3 中为实时折线图更新而苦苦挣扎,我的数据集很好,但当数据实时更新时图表没有变化。

请找到解决方案,您的帮助将不胜感激。

这是我的 HTML 代码

它是我的 Javascript 代码

0 投票
0 回答
39 浏览

angular - 在nvd3的边缘上没有点扩展xAxis

我正在用 ng2-nvd3 开发图表。最初以行设置 xAxis 范围:

提供这些线我想在 xAxis 上使用 BrushExtent 过滤我的图表,同时我想扩展该区域以取消设置该区域边缘上图表的第一个和最后一个点。

1.以上使用线的结果: 在此处输入图像描述

2.只用设置brushExtent: 在此处输入图像描述

3.要达到这个结果(边缘没有图表点): 在此处输入图像描述

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

0 投票
1 回答
604 浏览

nvd3.js - 在 NVD3 折线图的最大值和最小值中添加更多空间(填充)

让我们看下面的例子: krispo.github.io/angular-nvd3/#/
lineChart

在此处输入图像描述

我想在折线图的最小值/最大值和 x 轴/顶部之间添加更多空间(一种填充)。

有一个选项叫做yDomain

定义整个 Y 比例的域。使用这将禁用根据数据计算域

粗体部分表示如果我将最小值设置为 -100,如果我的图表低于该水平,我将不再看到它。或者,如果我的图表的最小值实际上是 -50,那么 -100 就太多了。

所以基本上我希望 Y 轴的最小值和最大值分别为图表的最小值和最大值的 10%。

0 投票
1 回答
83 浏览

angular5 - 如何在angular5中获取json数据

这是我的service.ts

这是我的barchart.component.ts

这将是我的 json

我在 service.ts 文件中的控制台 pople 中获取 json 数据,但我不明白如何在 component.ts 文件中的 this.data 中获取它,因此我可以通过 json 数据显示图表,并且在 console.log 中出现错误(“ media",this.media = c.charts) 在 component.ts 中。任何人都可以帮我解决这个问题。

0 投票
1 回答
488 浏览

javascript - 并非所有刻度都显示在 nvd3 折线图中

我正在尝试创建折线图。

指定刻度:7 表示折线图,但只显示 6 个刻度。

这是数据和选项值

见 plunker - https://plnkr.co/edit/7zg62ezs730i40U0GTHy?p=preview

任何帮助,将不胜感激。

0 投票
1 回答
369 浏览

d3.js - NVD3:可以在图表上显示图标吗?

我正在使用 NVD3 的折线图来概述患者对治疗的反应。下面是我想要实现的一个例子;在系列的某些条目上添加图标(使用这里的字体真棒)(见笑脸):

在此处输入图像描述

在考虑 hack 之前,我希望有一个干净的解决方案 :-) 还没有找到。像使用 jQuery 来定位具有某些元数据的值并将图标附加到 dom 之类的 hack 听起来像是一个......丑陋的 hack。

0 投票
1 回答
720 浏览

angular - 'nvd3' 不是已知元素: 1. 如果 'nvd3' 是 Angular 组件,则验证它是否是该模块的一部分

我是 Angular 5 的新手,实际上是整个 Angular 2 的概念。我在 Visual Studio 2017 中使用 Angular 5 和 .net 核心创建了新项目。我正在尝试使用 d3 和 ng2-nvd3。我在 npm 中添加了包。当我尝试运行该页面时出现以下错误。

下面是错误。

我的 Package.json 是

App.shared.module.ts 如下所示。

home.component.ts 看起来像下面我要添加图表的地方

App.server.module.ts 如下所示

home.component.html 看起来像这样

我做错了什么?