NVD3折线图未使用forceY

时间:2017-07-05 17:16:52

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

我有一个折线图,其中包含最低价和最高价以及图表边框之间的差价。我不希望刻度线触及图表的顶部和底部,因此我使用forceY来实现这一点。

<nvd3-line-chart
data="sample_data"
id="sample_data"
height="350"
showXAxis="true"
forcey="{{y_axis_range}}"
showYAxis="true">
</nvd3-line-chart>

数据:

sample_data: [
 { 
  key: "PRODUCT 1",
  values: [ [ 0, 10.0 ] ] 
 },
 { 
  key: "PRODUCT 2",
  values: [ [ 0, 9.0 ] ] 
 }
],
y_axis_range: [ 8.0, 12.0 ]

问题是,当我更改数据时,图表似乎正确地重绘。 yAxis刻度以最高值更新,但数据的值,而不是y_axis_range

  

如何正确强制图表设定滴答范围?

0 个答案:

没有答案