Javascript highcharts xrange标签是否只能在符合框的情况下显示？

我想创建一个Highcharts xrange图表，其中只显示适合方框/范围的数据标签。这可能吗

目前，标签不会重叠，但在不合适时会显示在框外

我尝试过使用xrange.dataLabels选项，如“allowOverlap”、“clip”、“inside”或“padding”，但它们似乎不是用来做这项工作的

示例如下所示：

---

谢谢，

您可以通过以下方式轻松实现所需的行为，例如在

渲染

事件中：

    events: {
        render: function() {
            var points = this.series[0].points;

            Highcharts.each(points, function(point) {
                var label = point.dataLabel;

                if (point.shapeArgs.width < label.width) {
                    if (label.visibility !== 'hidden') {
                        label.hide();
                    }
                } else {
                    if (label.visibility === 'hidden') {
                        label.show();
                    }
                }
            });
        }
    }

事件：{
render:function（）{
var points=此.series[0]。点；
高图。每个（点、功能（点）{
var标签=point.dataLabel；
if（point.shapeArgs.width

现场演示：

    events: {
        render: function() {
            var points = this.series[0].points;

            Highcharts.each(points, function(point) {
                var label = point.dataLabel;

                if (point.shapeArgs.width < label.width) {
                    if (label.visibility !== 'hidden') {
                        label.hide();
                    }
                } else {
                    if (label.visibility === 'hidden') {
                        label.show();
                    }
                }
            });
        }
    }