Question

我使用nvd3-line-chart angularjs指令。我的数据是：

$scope.exampleData = [
  {
      "key": "Series 1",
      "values": [ [1, 2], [2, 10], [3, 6], [4, 15], [5, 8] ]
  },
  {
      "key": "Series 2",
      "values": [ [1, 5], [2, 30], [3, 8], [4, 11], [5, 4] ]
  },
  {
      "key": "Series 3",
      "values": [ [1, 2000], [2, 10000], [3, 600], [4, 1500], [5, 8000] ]
  }
]

HTML：

nvd3-line-chart(
  data="exampleData"
  id="graph-Data-1"
  width="1170"
  height="494"
  showXAxis="true"
  showYAxis="true"
  tooltips="true"
  useInteractiveGuideline="true"
  showLegend="true"
  ng-if="exampleData"
)

如何将Y2分配给3系列数据？我找到了line-plus-bar-chart指令但是如何通过nvd3-line-chart指令实现这个？

Answer 1

我担心您无法使用数据来渲染辅助轴。它超出了数据本身的范围。

你能做的最好的事情就是自己欺骗：http://www.d3noob.org/2013/01/using-multiple-axes-for-d3js-graph.html

angularjs nvd3-line-chart设置y2轴

1 个答案: