angularjs - Change position of legend in angular nvd3.js -


i trying change position of legends bottom of piechart [which top default]. in normal nvd3.js without angular-nvd3, it's suggested use:

d3.select(".nv-legendwrap")     .attr("transform", "translate(100,100)"); 

is possible in angular-nvd3 or there option?

override css custom attributes:

.your-div-class .nv-series:nth-child(1){ transform: translate(0, 0); } .your-div-class .nv-series:nth-child(2){ transform: translate(0, 20px); } .your-div-class .nv-series:nth-child(3){ transform: translate(0, 40px); } .your-div-class .nv-series:nth-child(4){ transform: translate(0, 60px); } .your-div-class .nv-series:nth-child(5){ transform: translate(0, 80px); } .your-div-class .nv-series:nth-child(6){ transform: translate(0, 100px); } .your-div-class .nv-series:nth-child(7){ transform: translate(0, 120px); } .your-div-class .nv-legend{ transform: translate(180px, 150px); } .your-div-class .nv-legendwrap{ transform: translate(-80px, 70px); } 

your-div-class refers class applied div container contains chart directive. change translate(0, 0) property (x, y) pixel values.


Comments

Popular posts from this blog

python - pip install -U PySide error -

arrays - C++ error: a brace-enclosed initializer is not allowed here before ‘{’ token -

cytoscape.js - How to add nodes to Dagre layout with Cytoscape -