javascript AmCharts 5在甘特中添加当前日期

zte4gxcn  于 2023-02-07  发布在  Java
关注(0)|答案(1)|浏览(110)

我想在甘特上画一条代表当前日期的竖线。请帮助我。
我找到了答案
https://stackoverflow.com/questions/55719235/draw-a-vertical-line-representing-the-current-date-in-amcharts-gantt-chart
但它仅在AMCHARTS 4中工作。

3bygqnnd

3bygqnnd1#

我找到了自己问题的答案:
在ready函数中,我们放入:

function createRange(value) {
  var rangeDataItem = xAxis.makeDataItem({
    value: new Date('2023-02-04').getTime(),
    above: true
  });
  
  var range = xAxis.createAxisRange(rangeDataItem);
  
  rangeDataItem.get("grid").set("visible", true);
  range.get("grid").setAll({
    stroke: 'red',
    strokeOpacity: 1,
    width: 32,
    location: 1
  });
  
  range.get("label").setAll({
      fill: am5.color(0xffffff),
      text: '05/02',
      background: am5.RoundedRectangle.new(root, {
        fill: '#aaa'
      })
    });
  
  
}

createRange();

也许能解决我自己的问题哈哈哈哈🤦‍♂️

相关问题