我们可以将文本格式的日期从highcharts更改为甘特中的日期选择器吗？

vsdwdz23 于 2023-06-23 发布在 Highcharts

关注(0)|答案(1)|浏览(168)

我有一个要求，我需要显示日期选择甘特。
Instead of highlighted text I want date-picker
我知道如果我点击图表中的日期文本，我可以看到日期选择器，但我的要求只想看到日期选择器，而不是蓝色的日期文本。
请让我知道这是否可能实现。
先谢谢你了

[Codepenlink]   (https://codepen.io/manshi44/pen/KKrzOGy?editors=0010)

我已经尝试了所有的属性从documentation但我没有得到我想要的结果

highcharts

来源：https://stackoverflow.com/questions/76509020/can-we-change-date-in-text-format-to-datepicker-in-gantt-chart-from-highcharts

1条答案

按热度按时间

nkkqxpd91#

您不能使用API设置它，但可以访问它，但您需要对库本身有更多的了解。
首先，你需要覆盖负责隐藏输入的函数：

Highcharts.RangeSelector.prototype.hideInput = Highcharts.noop;

然后在回调函数chart.events.render()中调用rangeSelecotr对象的showInput()方法来启用它们的可见性。此外，您可以隐藏它们下面的文本，并将它们稍微分开：

chart: {
  events: {
    render() {
      const rg = this.rangeSelector;

      rg.showInput('min');
      rg.showInput('max');
      rg.inputGroup.css({ opacity: 0 });
      rg.minInput.style.left = `${rg.minInput.style.left.match(/\d+/)[0] - 10}px`;
    }
  }
}

Demo：https://jsfiddle.net/BlackLabel/3ohwusm8/
API：https://api.highcharts.com/highcharts/chart.events.render
Reactdemo：https://codesandbox.io/s/highcharts-react-forked-lvgs24?file=/index.js

赞(0）回复(0）举报 2023-06-23

我来回答

我们可以将文本格式的日期从highcharts更改为甘特中的日期选择器吗？

1条答案

相关问题

热门标签

最新问答