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

时间:2015-08-20 07:20:06

标签: javascript amcharts

我正在使用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;

但没有得到。请指导我!

1 个答案:

答案 0 :(得分:7)

值轴刻度

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

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

类别(水平)轴标签频率

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

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

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

将百分号添加到值轴标签

您可以使用值轴'gridCountunit属性添加值旁边的任何字符。

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

这是您使用以上所有内容更新的unitPosition