在图4中，什么是等价物？

Question

在图3中有categoryAxis.guides。然而，我无法在图4中找到它。下面是我能够在arrays 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"
}];

​

​

小提琴

Answer 1

轴线范围是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;
});

演示