javascript - 条形图图表中缺少amCharts设置的最大Y轴和X轴值

我正在使用amCharts来准备条形图

请检查小提琴以获取我的条形图，如下所示:

FIDDLE

我将Y轴的最大值设为150。我需要将Y轴的最大值设为100 。

我仅将 X轴值设为1,4,7,10。我需要中的值
所有条形为1,2,3 ... 10。

我需要Y轴标签为百分比，X轴标签为问题编号

我尝试将Y轴的最大值放置如下:

我添加了以下行来处理Y轴，如下所示:

    valueAxis.autoGridCount = false;
    valueAxis.gridCount = 10;
    valueAxis.labelFrequency = 100;

但没有得到。请指导我!

最佳答案

值轴刻度

要为您的值轴设置固定比例，请使用 minimum 和 maximum 属性:

valueAxis.minimum = 0;
valueAxis.maximum = 100;

类别(水平)轴标签频率

图表会根据可用空间自动尝试确定标签的频率，以使轴看起来不困惑。

要在类别轴上强制使用一定数量的网格线，请使用图表的autoGridCount的 gridCount 和 categoryAxis 属性。 (请注意，它是categoryAxis，而不是代码中的valueAxis)

chart.categoryAxis.autoGridCount = false;
chart.categoryAxis.gridCount = 10;

将百分号添加到值轴标签

您可以使用值轴的 unit 和 unitPosition 属性在值旁边添加任何字符。

valueAxis.unit = "%";
valueAxis.unitPosition = "right";

这是您使用以上所有内容更新的fiddle的信息。