在CanvasJS中设置y轴标签的宽度？

Question

我正在寻找一种使用CanvasJS沿Y轴设置标签宽度的方法。我可以设置最大宽度，但这不是我想要的。我希望能够简单地将宽度设置为例如。 200px，如果标签更短，则标签的左侧或右侧只有额外的空间。

一点背景：我们在页面上垂直显示3个独立的柱形图。需要Y轴排成一行。不过，3个图表中每个图表的标签宽度都有所不同。

当前结果（糟糕，Y轴没有排列）

1,500 |
1,000 |   [chart 1]
500   |
0     ----------------- 

0.4 |
0.3 |   [chart 2]
0.2 |
0.1 |
0   ----------------- 

$40,000 |
$30,000 |   [chart 3]
$20,000 |
$10,000 |
$0      ----------------- 

期望的结果（好，Y轴排成一行）

1,500   |
1,000   |   [chart 1]
500     |
0       ----------------- 

0.4     |
0.3     |   [chart 2]
0.2     |
0.1     |
0       ----------------- 

$40,000 |
$30,000 |   [chart 3]
$20,000 |
$10,000 |
$0      ----------------- 

谢谢！

Answer 1

我不确定你是否能做到这一点。但您可以使用保证金并对齐所有图表。但是，标签不会从左侧位置开始。相反，它会在标签开始之前创建一个间隙。

chart2.axisY[0].set("margin", chart.axisY[0].bounds.x2 - (chart2.axisY[0].bounds.x2 - chart2.axisY[0].bounds.x1));

您必须设置保证金的值才能使其对齐。为此，您可以使用set方法。

SplitView.Pane

这是一个有效的fiddle。希望有所帮助。