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

San*_*ool 3 javascript amcharts

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

请查看小提琴我的条形图如下:

小提琴

  • 我得到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;
Run Code Online (Sandbox Code Playgroud)

但没有得到.请指导我!

mar*_*sma 7

值轴刻度

要为您的值轴设置固定比例,请使用minimummaximum属性:

valueAxis.minimum = 0;
valueAxis.maximum = 100;
Run Code Online (Sandbox Code Playgroud)

类别(水平)轴标签频率

图表会根据可用空间自动尝试确定标签的频率,以使轴看起来不会混乱.

要在类别轴上强制使用一定数量的网格线,请使用图表的autoGridCountgridCount属性categoryAxis.(请注意,它categoryAxis不是valueAxis代码中的代码)

chart.categoryAxis.autoGridCount = false;
chart.categoryAxis.gridCount = 10;
Run Code Online (Sandbox Code Playgroud)

将百分号添加到值轴标签

您可以使用值轴' unitunitPosition属性来添加值旁边的任何字符.

valueAxis.unit = "%";
valueAxis.unitPosition = "right";
Run Code Online (Sandbox Code Playgroud)

这是你用上述所有内容更新的小提琴.