javascript - amcharts 4 中等效的 amcharts 3 指南是什么

Question

在 amcharts 3 中有 categoryAxis.guides。但是我无法在 amcharts 4 中找到它。下面是我能够在 amcharts 3 中使用的指南数组

var guidesArr = [{
    "category": "2016-Q1",
    "toCategory": "2016-Q4",
    "lineAlpha": 0.5,
    "tickLength": 30,
    "expand": true,
    "label": "2016"
}, {
    "category": "2017-Q1",
    "toCategory": "2017-Q4",
    "lineAlpha": 0.5,
    "tickLength": 30,
    "expand": true,
    "label": "2017"
}, {
    "category": "2018-Q1",
    "toCategory": "2018-Q4",
    "lineAlpha": 0.5,
    "tickLength": 30,
    "expand": true,
    "label": "2018"
}];

jsfiddle

Answer 1

Axis Ranges在功能上等同于 v4 中的指南。您需要在图表底部添加一些填充，但您可以像这样使用旧的指南数组重现 v3 指南:

guidesArr.forEach(function(guide) {
  var range = categoryAxis.axisRanges.create();
  range.category = guide.category;
  range.endCategory = guide.toCategory;
  range.strokeOpacity = guide.lineAlpha;
  range.tick.location = 1;
  range.tick.length = guide.tickLength;
  range.tick.strokeWidth = 1;
  range.tick.strokeOpacity = guide.lineAlpha;
  range.label.dy = guide.tickLength;
  range.label.text = guide.label;
  range.label.horizontalCenter = "right";
  range.label.rotation = -45;
});

Demo