AmSerialChart ValueAxis起始值和增量

时间:2015-11-18 06:47:06

标签: javascript amcharts

我已经实施了一个常规的AmSerial图表来显示每个月使用应用的用户数量。然而,随着最高值不断增加,库似乎通过将Value Axis上的min值更改为更大的值来重新缩放。我们想要的是将Value轴的起始值设置为0,并且还能够沿轴改变增量的大小,例如,[0,1000,2000,...]或[0,5000,10000,。 ..]

我试图查看他们网站上的文档,让我自定义Value轴的唯一一件事就是ValueAxesSettings,但它不允许我这样做。

1 个答案:

答案 0 :(得分:2)

对于记录,ValueAxesSettings是Stock Chart产品的一项功能,并且会被常规序列图完全忽略。

要将比例设置为从值0开始,请使用其minimum设置。

就增量而言,你有几个选择。

选项1:操纵网格计数

如果您知道值的范围,则可以设置值轴的minimummaximum属性,然后设置autoGridCount: false以及gridCount,以便范围分为您需要的增量。

例如,如果您的值范围为0到1000,并希望每1000个显示一个标签/网格线,则可以执行以下操作:

"valueAxes": [{
  "minimum": 0,
  "maximum": 10000,
  "autoGridCount": false,
  "gridCount": 10
}]

选项2:使用指南

如果您需要绝对控制放置哪些标签,则可以禁用值轴'标签(labelsEnabled: false)和网格(gridAlpha: 0)并使用guides

这些是带有标签的水平线,放置在您指定的值:

"valueAxes": [ {
  "labelsEnabled": false,
  "gridAlpha": 0,
  "guides": [{
    "value": 5000,
    "label": "5000",
    "inside": false,
    "lineAlpha": 0.5
  }, {
    "value": 10000,
    "label": "10000",
    "inside": false,
    "lineAlpha": 0.5
  }, {
    "value": 15000,
    "label": "15000",
    "inside": false,
    "lineAlpha": 0.5
  }]
} ]

以上内容将行和标签放置在值5000,10000和15000。