Javascript ZingCharts水平堆叠条形图X轴标签被切断

我创建了一个简单的水平条形图。X轴上的标签将被切断，如下面的代码段所示。我需要显示“X轴A行”的完整标签。我试过改变图表的宽度，但是没有用

辛格哈特
var图表数据={
“类型”：“hbar”，
“堆叠”：没错，
“堆栈类型”：“正常”，//也接受“100%”
“标题”：{
“文本”：“X轴行标签剪切示例”
},
“scale-x”：{
“值”：[“X轴B行”、“X轴A行”]，
},
“scale-y”：{
“格式”：“%v%”，
},
“系列”：[{
“背景色”：“rgb（248,51,45）”，
“文本”：“否定”，
“价值”：[-11，-22]
},{
“背景色”：“rgb（120152,55）”，
“文本”：“正面”，
“价值”：[35,45]
}]
};
window.onload=function（）{
var x=zingchart.render({
id:'chartDiv'，
身高：200，
宽度：600，
数据：图表数据
});
}

所以我终于明白了。如果使用“plotarea”键，则可以指定页边距。例如：

"plotarea":{
    "margin":"40px 20px 50px 100px"
}

更新示例如下：

辛格哈特
var图表数据={
“类型”：“hbar”，
“堆叠”：没错，
“堆栈类型”：“正常”，//也接受“100%”
“标题”：{
“文本”：“添加边距示例”
},
“绘图区域”：{
“余量”：“40px 20px 50px 100px”
},
“scale-x”：{
“值”：[“X轴B行”、“X轴A行”]，
},
“scale-y”：{
“格式”：“%v%”，
},
“系列”：[{
“背景色”：“rgb（248,51,45）”，
“文本”：“否定”，
“价值”：[-11，-22]
},{
“背景色”：“rgb（120152,55）”，
“文本”：“正面”，
“价值”：[35,45]
}]
};
window.onload=function（）{
var x=zingchart.render({
id:'chartDiv'，
身高：200，
宽度：600，
数据：图表数据
});
}

设置边距肯定有效。也可以在“绘图区域”对象中使用“边距”：“动态”。文档中有一个演示，显示了此属性所包含的一些长标签

我是ZingChart团队的成员，因此如果您对此有任何其他问题，请随时联系我们

辛格哈特
var图表数据={
“类型”：“hbar”，
“堆叠”：没错，
“堆栈类型”：“正常”，//也接受“100%”
“标题”：{
“文本”：“添加边距示例”，
“调整布局”：1
},
“绘图区域”：{
“保证金”：“动态”
},
“scale-x”：{
“值”：[“X轴B行”、“X轴A行”]，
},
“scale-y”：{
“格式”：“%v%”，
},
“系列”：[{
“背景色”：“rgb（248,51,45）”，
“文本”：“否定”，
“价值”：[-11，-22]
},{
“背景色”：“rgb（120152,55）”，
“文本”：“正面”，
“价值”：[35,45]
}]
};
window.onload=function（）{
var x=zingchart.render({
id:'chartDiv'，
身高：200，
宽度：600，
数据：图表数据
});
}

谢谢-知道这一点很有用：）在我的示例中，我确实发现它似乎没有考虑“title”所需的空间。John在本例中，您可以向title对象添加adjust layout属性来解决这个问题。无法在此评论中包含一个片段，因此我将把它添加到上面的答案中。