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

Question

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

请检查我的条形图的 Fiddle，如下所示:

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;

但是没有得到。请指导我!

Answer 1

值(value)轴刻度

要为数值轴设置固定比例，请使用 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更新了以上所有内容。