javascript - 自动计算valueAxis min

标签 javascript amcharts

对于折线图

如果你有这样的系列

Line1 
min 0 max 100

它自动调整比例并显示适当的值轴(例如 0 - 大约 110)

但是就像这个图表

Line2 
min 90 max 110

它还会改变 valueAxis 比例(例如 0 - 大约 120)

但是我想设置比例(例如 80 - 大约 120)

我认为默认的 amchart4 折线图计算比例的最大值而不是最小值。

我可以让 amchart4 计算值的最小刻度吗???

最佳答案

我认为 amchart4 会自动为您计算最小值和最大值:

演示: http://jsfiddle.net/davidliang2008/t09apqdf/

enter image description here

此处的数据范围在 55 到 102 之间。amchart4 自动将 y 轴调整到 50 到 110 之间,这已经相当智能了!

如果您必须手动调整最小值和最大值,请使用 ValueAxis 中的 extraMinextraMax 属性:https://www.amcharts.com/docs/v4/reference/valueaxis/#extraMin_property

例如,如果您的数据范围为 90 到 110,并且您希望 y 轴为 80 到 120:

...
// (90-80)/90 = 1/9 = 11.1%
// (120-110)/110 = 1/11 = 9.1%
"yAxes": [{
    "type": "ValueAxis",
    "extraMax": .091,
    "extraMin": .111
}],
...

enter image description here

演示: http://jsfiddle.net/davidliang2008/hqxvpefn/

(注意:我的数据是随机生成的,因此我很难生成您正在寻找的额外范围。请查看设置的 fiddle 链接)

关于javascript - 自动计算valueAxis min,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53399279/

相关文章:

javascript - 如何在按下回车键时提交的文本区域中添加换行符?

javascript - 如何在不刷新的情况下更新 Kendo 网格聚合

javascript - 不显示数据集颜色 :overridden when categoryAxesSettings has minPeriod seconds

javascript - 如何更改 AmXYChart 中的气球(工具提示)位置?

javascript - 如何在 amCharts Bullets 周围添加垂直短线?

javascript - 实例化 vs bufferGeometry vs interleavedBuffer

javascript - 链接为带有 name 属性的提交按钮

javascript - 为什么访问API时需要在请求头中添加 `Authorization`?

javascript - 循环遍历 amcharts 堆积柱形图的每个对象属性

javascript - 在 React 中,如何从链接或其他组件添加 URL "string"作为对象的属性