问题标签 [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.
angularjs - NVD3-Angular 中 multiChart 的 Duration 属性不起作用
我尝试更改 multiChart 的持续时间属性,但它不起作用。是例子
d3.js - nvd3 angular-nvd3 d3 垂直显示图表图例
我正在使用 nvd3 和 angular-nvd3 创建一个饼图。我已经显示了我的图例,但它在顶部连续显示。
我想将它显示在左侧下方的列中。
我找到了http://embed.plnkr.co/TJqjjkHaD2S0VjsGmN3c/preview但是当我使用 .js 文件中的选项时,所做的只是改变图例的外观,而不是位置。
css 文件为空,html 中似乎没有内联 css。所以我不确定他们如何将图例的位置放在右侧的列中。
我确实看到了legendPosition: 'right'
,但是当我使用时legendPosition: 'left'
,整个饼图就会消失。
所以至少我如何在一个列中显示,如果我能把它改到左边就太好了。
选项对象:
angular-nvd3 指令:
javascript - 为什么我的 angular-nvd3 multiChat 图表没有在这里呈现?
工作原始 Plunkr: http ://plnkr.co/edit/nHSMF2?p=preview
我的分叉 Plunkr: http ://plnkr.co/edit/4Ecqif?p=preview
我正在使用Angular-nvd3图表库。这是他们原始的 multiChart 示例,其中包含多个折线图和面积图。正如您在顶部链接中看到的那样,我将它分叉并将图表减少到只有 3 个(2 个区域,1 条线)。
在他们最初的例子中,他们使用一个函数来随机生成数据点,在我定制的 fork 中,我删除了该函数并硬编码了图形对象。我没有看到任何错误,所以不确定为什么我的图表没有被渲染。
有什么想法吗?
我在这个损坏的 Plunkr中使用的硬编码图形对象:
我检查了我的数据并仔细地将其与动态数据进行了比较。并匹配它的关键,但我的图表仍然没有显示:(
左边是我的硬编码版本 | 右边是工作动态数据:
angular-material - 角材料nvd3
我正在使用 Angular 材料和 NVD3 的组合,同时调查为什么工具提示对我不可见。
我已经将http://krispo.github.io/angular-nvd3/#/quickstart提供的示例切碎并克隆到 plunker,它是这样的:
虽然具有 nvd3 包装器的角材料上的相同看起来像这样(没有工具提示)
如果有人有类似的经历以及如何解决,正在徘徊。
宣言:
并在控制器内部
对于库的版本:
我尝试过反复试验,但没有帮助,有类似情况的人吗?
angularjs - 使用角度 NVD3 创建 x 轴标签
我想在下面的 nvd3 折线图中为我的 x 轴创建诸如“星期一、星期二、星期三”等字符串。在下面的代码中,如何使 x 轴具有字符串/标签而不是数字:
angularjs - 角度 nvd3 绘图线几乎不可见
我正在使用带有角度指令的 nvd3 来绘制一些数据。它曾经工作得很好,但是现在我注意到情节消失了,或者说减少到一条非常细的线。数据进来了,图正在显示,但几乎看不到。我怎样才能让它恢复正常?
这是它在 html 中的样子:
以下是 javascript 中的选项:
如果它们是问题,这里还有我所有的 javascript 依赖项:
谢谢
angularjs - 工具提示中的 angular-nvd3 内容百分比
我正在研究如何在工具提示中显示与当前图表相比的饼图百分比。
首先,我尝试寻找类似的东西,chart.labelType: 'percent'
但看起来没有这样的选择。
我现在要做的是chart.tooltip.contentGenerator
根据文档计算内部百分比,该函数应该传递 5 个参数function (key, x, y, e, series) -> String
,但是我只收到第一个参数。
我正在使用 angular 1.5.0、d3 3.5.16、nvd3 1.8.2 和 angular-nvd3 1.0.5。
在工具提示中显示百分比的最佳做法是什么?