Charts 如何在highchart的方框图中显示时间？

请在Highcharts选项中建议下面的图像图表，并举例说明

---

您可以使用气泡系列类型和

Highcharts.svgrender

类

events: {
  load: function() {
    var xAxis = this.xAxis[0],
      yAxis = this.yAxis[0],
      x1 = xAxis.toPixels(1),
      y1 = yAxis.toPixels(6),
      x2 = xAxis.toPixels(1),
      y2 = yAxis.toPixels(2),
      x3 = xAxis.toPixels(2),
      y3 = yAxis.toPixels(4),
      x4 = xAxis.toPixels(2),
      y4 = yAxis.toPixels(8);

    this.renderer.path([
        'M', x1, y1,
        'L', x2, y2,
        'Q', x2 + (x3 - x2) / 2, y2 + (y3 - y2) / 2 - 20, x3, y3,
        'L', x4, y4,
        'Q', x1 + (x4 - x1) / 2, y1 + (y4 - y1) / 2 - 20, x1, y1
      ])
      .attr({
        'stroke-width': 2,
        stroke: 'red',
        'stroke-dasharray': [5, 5]
      })
      .add();
  }
}

---

现场演示：

关于SVG路径：

API参考：

---

Hi@Thamizharasan p，您能具体说明您有什么问题以及您已经尝试了什么吗？要渲染圆，请使用“气泡”系列。示例：对于框架渲染自定义形状，请执行以下操作：。我已尝试使用气泡图，并希望执行框内气泡。有可能拿到吗？对不起，我不明白。你所说的“盒子泡泡”是什么意思？请参考我随附的图片。我需要在highcharts中使用相同的UI。嗨，我的typescript页面不是工作矩形框。只显示单行。下面是系列数据中的错误：类型“[number，number，number]”与类型“XRangePointOptionObject”没有共同的属性。您好@Thamizharasan P，此错误似乎与主要问题无关。xrange系列数据的格式应为

[{x，x2，y}，…]

。谢谢你的回复