问题标签 [angular-nvd3]

为什么当 NVD3 散点图中只有几个值时，刻度间距会大大扩展？我认为刻度应该与值的数量无关，但似乎并非如此。

将此 plunker与他们的示例进行比较。唯一的区别是绘制的值的数量，但他们的示例显示了许多刻度，而我的 plunker 只显示了几个。

当绘图的人口稀少时，如何使刻度在所有缩放级别上都很好地间隔开？

我想过像这样定义具体tickValues：

但这仅在某些缩放比例下看起来不错。

我目前正在重新设计一些可视化，从 R 的静态嵌入式输出到使用 angular-nvd3 的交互式图形。我已经取得了相当大的进展，并且几乎完成了重新实现所有必要的选项。

然而，最后回避我的部分是弄清楚如何为所有数据点添加持久标签。

虽然我为此定制了工具提示，但将名称显示为切换是客户请求之一，所以我认为我无法绕过它。

有没有内置的方法可以做到这一点？我无法通过 nvd3 文档找到任何内容。

我已经包含了参考散点图示例中的代码- 我的代码非常具体，因此更容易使用。

我想在选择/取消选择项目时使过渡/动画效果更长，我正在尝试将 nvd3 饼图的持续时间参数设置为 10 秒（或 10000 毫秒）之类的长，但它对饼图没有影响,

我尝试更改持续时间值，还尝试添加 transitionDuration 属性，

您可以看到以下示例：http ://plnkr.co/edit/vtKWU0?p=preview

是否可以从 D3 时间格式返回本地化信息？

这总是返回 EN 值。

用法 - Angular NVD3 LineChart

我得到了milliseconds，将它们转换为('%H:%M')格式以显示在 x 轴上。

以上工作正常，并以 format 显示数据10:30。

我需要格式化它的样式，10:用不同的颜色和30不同的方式。

我在Javascript下面写了，

但是上面是在里面渲染的<Text> tag，所以不会渲染html。

我怎样才能做到这一点。这是plunker

这是格式化后生成的html，

格式化前

我在 NVD3/AngularJS 中创建了一个多条形图。我想在每个矩形条内显示文本及其值，如下面的 JSON 所示。

如何在每个条形图内显示文本值？

NVD3 图表定义

JSON 数据 (categoryChartData)

我有一个multiChartin angular-nvd3，它应该显示每天的销售额和总收入。

<nvd3 options="options" data="data"></nvd3>

这是选项和数据：

转换前的数据项：

悬停第一行显示工具提示，显示 Y 值，但第二行在鼠标悬停时完全被忽略。禁用第一行会在控制台中显示以下错误：

并导致窗口水平溢出，这是因为工具提示显示的偏移量很大。极度缩小时可以观察到。

我正在尝试在角材料网格内获取响应式 nvd3 图表。在我调整窗口大小后它似乎工作正常，但在初始加载时没有达到正确的大小。

我的方法是将 nvd3 指令包装在“resize”指令中。然后我可以观察父元素并在窗口调整大小时更新图表的高度和宽度。我遇到的问题是加载父 div 的高度和宽度属性似乎为 0。我尝试使用 $timeout 来应用范围，但这似乎也不起作用。

请查看此代码笔。

提前致谢

更新：我使用 Angular nvd3s api.updateWithOptions(options) 为我的应用找到了解决方案。仍然无法在代码笔中工作。可能是代码笔的版本差异将很快附上最终解决方案。

在 ionic 的 ios 模拟器中，我可以使用正在绘制的 angular-nvd3 指令看到各种stackedAreaCharts。我只在模拟器中收到以下错误，但在本地主机上使用 ionic serve 运行应用程序时没有。

错误：未定义不是对象（评估'options.chart.type'）updateWithOptions@ https://cdnjs.cloudflare.com/ajax/libs/angular-nvd3/1.0.5/angular-nvd3.min.js:1 :3415 刷新@ https://cdnjs.cloudflare.com/ajax/libs/angular-nvd3/1.0.5/angular-nvd3.min.js:1:2966 https://cdnjs.cloudflare.com/ajax/libs /angular-nvd3/1.0.5/angular-nvd3.min.js:1:6809 https://cdnjs.cloudflare.com/ajax/libs/angular-nvd3/1.0.5/angular-nvd3.min.js： 1:7896 $digest@file:///Users/griffinadams/Library/Developer/CoreSimulator/Devices/04E08EF7-3015-4006-BF43-3CB80F01650D/data/Containers/Bundle/Application/99911A93-AADE-4A8F-A27E-6FF48A023009/DigitalAgent- Sidemenu.app/www/lib/ionic/js/ionic.bundle.js:24515:31 $apply@file:///Users/griffinadams/Library/Developer/CoreSimulator/Devices/04E08EF7-3015-4006-BF43-3CB80F01650D /data/Containers/Bundle/Application/99911A93-AADE-4A8F-A27E-6FF48A023009/DigitalAgent-Sidemenu.app/www/lib/ionic/js/ionic.bundle.js:24783:31 done@file:///Users /griffinadams/Library/Developer/CoreSimulator/Devices/04E08EF7-3015-4006-BF43-3CB80F01650D/data/Containers/Bundle/Application/99911A93-AADE-4A8F-A27E-6FF48A023009/DigitalAgent-Sidemenu.app/www/lib/ionic /js/ionic.bundle.js:19196:53 completeRequest@file:///Users/griffinadams/Library/Developer/CoreSimulator/Devices/04E08EF7-3015-4006-BF43-3CB80F01650D/data/Containers/Bundle/Application/99911A93-AADE-4A8F-A27E-6FF48A023009/DigitalAgent-Sidemenu.app/www /lib/ionic/js/ionic.bundle.js:19368:15 requestLoaded@file:///Users/griffinadams/Library/Developer/CoreSimulator/Devices/04E08EF7-3015-4006-BF43-3CB80F01650D/data/Containers/Bundle /Application/99911A93-AADE-4A8F-A27E-6FF48A023009/DigitalAgent-Sidemenu.app/www/lib/ionic/js/ionic.bundle.js:19309:24///Users/griffinadams/Library/Developer/CoreSimulator/Devices/04E08EF7-3015-4006-BF43-3CB80F01650D/data/Containers/Bundle/Application/99911A93-AADE-4A8F-A27E-6FF48A023009/DigitalAgent-Sidemenu.app/www /lib/ionic/js/ionic.bundle.js:19309:24///Users/griffinadams/Library/Developer/CoreSimulator/Devices/04E08EF7-3015-4006-BF43-3CB80F01650D/data/Containers/Bundle/Application/99911A93-AADE-4A8F-A27E-6FF48A023009/DigitalAgent-Sidemenu.app/www /lib/ionic/js/ionic.bundle.js:19309:24

再一次，图形在模拟器和 localhost 中绘制良好，但不显示，我很确定导致代码停止在 iPad 或任何其他 ios 设备中运行。

我无法让它在多条形图中工作

默认工具提示仍然显示，而不是我的自定义工具提示。

有人成功制作了自定义工具提示吗？