svg - D3.js change x-axis path line style -
in d3.js charts, x-axis line (black line between bars , bar labels) sort of looks default: |----------------|, see screenshot below:
how change straight line (no vertical lines on either end)?
looking @ generated svg, code seems determining style: <path class="domain" d="m0,6v0h824v6"></path>
, auto-generated d3.
thanks!
this controlled axis.outerticksize()
:
an outer tick size of 0 suppresses square ends of domain path, instead producing straight line.
all need set axis.outerticksize(0)
.
Comments
Post a Comment