javascript - Dojo charting - rightmost axis title getting cut in half -
i using dojo create bar chart multiple vertical axes (one actual count, other percentage), , when do, title right axis gets cut off (i.e., half of that's furthest chart gets cut off edge of chart). i've tried using chart.resize(w,h)
, shrinks data in chart, while maintaining same margins edge (and same title cut before). know how title display? reference, here's code i'm using, both create div node , chart.
chartnode = domconstruct.create("div", { id : this.context.viewid + "_chartnode", }, this.context.element, "first"); domstyle.set(chartnode, { width : "800px", height : "400px" }); var chart = new chart(chartnode); chart.addplot("default", { type : "columns", markers : true, gap : 5 }); chart.addplot("something", { type : "columns", vaxis : "percent" }); chart.addaxis("x", { title : "person", titleorientation : "away", minorticks : false, majortickstep : 1, droplabels : false }); chart.addaxis("y", { vertical : true, fixlower : "includezero", title : "count", min : 0, max : data[0].totalsubmitted }); chart.addaxis("percent", { title : "percentage", titlegap : 20, vertical : true, leftbottom : false, fixlower : "includezero", min : 0, max : 100, }) chart.addseries("y", data); chart.render();
edit: this code generating, cutoff being highlighted in red.