Question

我正在使用dojo创建一个带有多个垂直轴的条形图（一个用于实际计数，另一个用于百分比），当我这样做时，右轴的标题总是被切断（即，一半）距离图表最远的地方被图表的边缘切断了。我已经尝试过使用chart.resize(w,h)，但这只会缩小图表中的数据，同时保持边缘的相同边距（因此与之前的标题相同）。有谁知道如何正确显示标题？作为参考，这里是我使用的代码，用于创建div节点和图表。

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();

编辑：This是我的代码实际生成的内容，截止日期以红色突出显示。

道场图表 - 最右边的轴标题减少了一半

0 个答案: