如何在 RGraph 中多行显示 y 轴标签?
How to display y axis label in multiple lines in RGraph?
您好,我在 Angular 7 应用程序中使用 RGraph。在 y 轴上我显示的是名字。我不想在一行中显示,而是想在多行中显示。 yaxisLabelsAngle: 25 不工作。
从 3D 样式来看,您的库似乎较旧,因此您可能需要更新到最新版本(v6.00,我上周末刚刚发布)。
您可以像本例所示使用 \n 在标签中添加换行符。
这是 3D HBar 图表示例的代码笔:
https://codepen.io/rgraph/pen/MWJQRvX
代码是:
<script>
new RGraph.HBar({
id:'cvs',
data: [[8,2],[6,4], [2, 5]],
options: {
grouping: 'stacked',
marginInner: 10,
variant: '3d',
xaxis: false,
yaxis: false,
yaxisLabels: ['Richard\nDawkins', 'Neil de-Grasse\nTyson','Bill\nNye'],
yaxisTitle: 'The Y axis title',
xaxisTitle: 'The X axis title',
colors: ['purple', 'gold'],
key: ['A purple bar','A gold bar'],
keyPosition: 'margin',
keyPositionY: 15 // Might need to remove this
}
}).draw();
</script>
您好,我在 Angular 7 应用程序中使用 RGraph。在 y 轴上我显示的是名字。我不想在一行中显示,而是想在多行中显示。 yaxisLabelsAngle: 25 不工作。
从 3D 样式来看,您的库似乎较旧,因此您可能需要更新到最新版本(v6.00,我上周末刚刚发布)。
您可以像本例所示使用 \n 在标签中添加换行符。
这是 3D HBar 图表示例的代码笔:
https://codepen.io/rgraph/pen/MWJQRvX
代码是:
<script>
new RGraph.HBar({
id:'cvs',
data: [[8,2],[6,4], [2, 5]],
options: {
grouping: 'stacked',
marginInner: 10,
variant: '3d',
xaxis: false,
yaxis: false,
yaxisLabels: ['Richard\nDawkins', 'Neil de-Grasse\nTyson','Bill\nNye'],
yaxisTitle: 'The Y axis title',
xaxisTitle: 'The X axis title',
colors: ['purple', 'gold'],
key: ['A purple bar','A gold bar'],
keyPosition: 'margin',
keyPositionY: 15 // Might need to remove this
}
}).draw();
</script>