NVD3 / AngularJS中的ForceY指令

时间:2015-08-24 21:41:37

标签: angularjs d3.js nvd3.js angularjs-nvd3-directives angular-nvd3

我正试图弄清楚如何在我的角度应用程序的nvd3图表中更改我的y轴范围。我正在使用Krispo's Angular-NVD3库,并查看了他的论坛和文档中涉及forceY的指令。在这个forum Krispo中提到我需要做的就是将以下代码添加到我的控制器中的chart数组中:

    bars: {
      forceY: [100], 
    },

我已经尝试将此添加到我的应用中,但它不起作用。我也查看了可能解决我的问题的其他nvd3 / d3指令,例如在我的标记中向forcey="[5000]"标记添加<nvd3>指令,但这对我也不起作用。似乎有很多不同的方法可以做到这一点,但它们似乎都没有起作用。

另外,我可以将其中一个值(最大值或最小值)设置为角度表达式吗?如下所示:`forcey =“[0,{{data.value}}]”?这基本上就是我需要做的事情,因为在我的app中,一些报告图表,例如“评论前5位SIC”下的图表,y轴maximium值设置为最小值。数据集。我需要更改它以使最小y轴值为0,并且相应的最大值是一个角度表达式,其中数据对应于最大数据值。

任何帮助都将不胜感激。

编辑:我已将angular-nvd3-directives.js文件添加到应用程序,并将依赖项添加到应用程序。在我在网上找到的例子中似乎也需要这个库,但是标记中的nvd3标签是不同的(它有nvd3-discrete-bar-chart之类的东西,而我只有nvd3。我不知道为什么它的不同 - 这是否意味着我正在使用的库不能与angular-nvd3指令一起使用?

0 个答案:

没有答案