在nvd3多条形图中为条形绘制水平线

时间:2016-11-15 22:05:54

标签: javascript d3.js bar-chart nvd3.js

我想为此nvd3多栏图表中的每个条形绘制2条水平线

以下是fiddle

我的查询很少

  1. 为什么yValueScale(0)不是从情节的0开始
  2. 如何从条形图开始绘制线条? xValueScale("A")不会从A
  3. 栏开始
  4. 如何知道条形宽度以绘制长度等于条形宽度
  5. 的线条

1 个答案:

答案 0 :(得分:2)

您将该行附加到错误的“容器”。 # IndexController.php public function index() { $this->view->registerForm = new RegisterForm(); } # index.volt {{ registerForm.startForm() }} {{ registerForm.endForm() }} {{ registerForm.error('username') }} 变量是整个svg容器,svg的绘图容器,但是nvd3元素:

g

所以,请使用:

<g class="nvd3 nv-wrap nv-multibar" transform="translate(0,0)">

更新了fiddle