垂直對齊nvd3圖例

Question

簡短的問題：我們可以垂直對齊圖表容器左側或右側的nvd3圖例嗎？

我已經嘗試修改容器的寬度和高度，但它不工作..它基本上壓制容器本身。另一方面，如果我手動使用d3.select（「.nv-legendWrap」）。attr（「transform」，「translate（x，y）」）;要移動圖例容器，它並不工作，因爲在圖例點擊它時，它會返回到其頂部的常規位置，並且圖表容器的高度被抑制。

任何有關在哪裏修改nvd3源或一些css技巧的想法？謝謝。

Answer 1

NVD3沒有影響圖例位置的選項，因此您必須手動（如已經嘗試過）或修改源代碼。正是你需要修改取決於您使用的圖形，對於line chart爲例，位置在設定行160

你當然也可以修改爲nv-legendWrap類的CSS，並給它一個固定例如位置。儘管如此，你仍然必須找出確切的位置值，以便將它放在你想要的位置，但即使圖形重新生成，這種方式也會保持原位。