问题标签 [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.
nvd3.js - 在 NVD3 图表中,我如何使用自定义工具提示以及让 userInteractiveGuideLine 为 true
我正在使用 nvd3 绘制一些图表。我想显示一个自定义工具提示,而不是 nvd3 提供的默认工具提示。同时,我想显示指引线,即垂直指引线栏。但问题是当我显示自定义工具提示时,我必须禁用 userInteractiveGuideLine。以下代码显示了我真正想要的
因此,当我制作时,useInteractiveGuideline: false
我可以看到自定义工具提示并且可以看到自定义消息TOOLTIP entered
,但我看不到垂直指南。但是当你设置useInteractiveGuideline: true
我可以看到垂直引导线但我看不到自定义工具提示。我也看不到控制台消息。有没有我可以使用自定义工具提示以及使用的解决方案useInteractiveGuideline: true
,
angular - nvd3 Angular2 动态更改图表选项
我将 nvd3 用于 angular2,并且我正在尝试在初始化之后动态更改图表选项(yDomain)。
我已经尝试过这个:
任何帮助表示赞赏。
css - 更改 ng2-nvd3 (Angular2) 中的字体系列
我正在尝试将一般字体系列或至少 nvd3 用于 Angular2 的标签更改为 Open Sans。到目前为止,任何使用 CSS 的方法都没有奏效。有任何想法吗?
angular2-directives - ng2-nvd3 实时折线图更新
我只是在 ng2-nvd3 中为实时折线图更新而苦苦挣扎,我的数据集很好,但当数据实时更新时图表没有变化。
请找到解决方案,您的帮助将不胜感激。
这是我的 HTML 代码
它是我的 Javascript 代码
angular - 在nvd3的边缘上没有点扩展xAxis
我正在用 ng2-nvd3 开发图表。最初以行设置 xAxis 范围:
提供这些线我想在 xAxis 上使用 BrushExtent 过滤我的图表,同时我想扩展该区域以取消设置该区域边缘上图表的第一个和最后一个点。
nvd3.js - 在 NVD3 折线图的最大值和最小值中添加更多空间(填充)
让我们看下面的例子: krispo.github.io/angular-nvd3/#/
lineChart
我想在折线图的最小值/最大值和 x 轴/顶部之间添加更多空间(一种填充)。
有一个选项叫做yDomain
:
定义整个 Y 比例的域。使用这将禁用根据数据计算域。
粗体部分表示如果我将最小值设置为 -100,如果我的图表低于该水平,我将不再看到它。或者,如果我的图表的最小值实际上是 -50,那么 -100 就太多了。
所以基本上我希望 Y 轴的最小值和最大值分别为图表的最小值和最大值的 10%。
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 中。任何人都可以帮我解决这个问题。
javascript - 并非所有刻度都显示在 nvd3 折线图中
我正在尝试创建折线图。
指定刻度:7 表示折线图,但只显示 6 个刻度。
这是数据和选项值
见 plunker - https://plnkr.co/edit/7zg62ezs730i40U0GTHy?p=preview
任何帮助,将不胜感激。
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 看起来像这样
我做错了什么?