javascript - AmSerialChart ValueAxis 起始值和增量

Question

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

我试着查看他们网站上的文档，唯一让我自定义值轴的是 ValueAxesSettings，但它不允许我执行上述操作。

Answer 1

郑重声明，ValueAxesSettings 是 Stock Chart 产品的一项功能，被常规系列图表完全忽略。

要将数值轴的刻度设置为从 0 开始，请使用其 minimum设置。

就增量而言，您有多种选择。

选项 1:操纵网格数

如果您知道值的范围，则可以同时设置 minimum和 maximum值轴的属性，然后设置 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 处。