Question

我需要在HighCharts中绘制一个矩形和其他形状

将使用内置的注释模块，但无法通过xAxis和yAxis点创建简单的Rectangle

例如-这是我要创建的形状

  annotations: [{
    shapes: [{
      type: 'rect',
      points: [
        {
          xAxis: 1,
          yAxis: 20
        }, {
          xAxis: 10,
          yAxis: 20
        }
      ]
    }]
  }]

例如我想从1:20到10:20对角拉伸

通过文档这种方式可能有效，但无效。

有什么办法可以做我想要的吗？

Answer 1

您的shape对象未正确定义，因为xAxis和yAxis参数用于指定该点将连接到的个轴。您的实现无法正常工作的第二个原因是您没有指定形状的任何height和width值。

如果您想在两点之间绘制一个矩形（如果我清楚地理解了您的期望），请使用Highcharts.SVGRenderer.rect()函数来生成它。您只需通过x值来计算需要创建的y的{{1}}和rect值，即可将轴值转换为绘图像素值。

另一个，我认为最好的解决方案是创建新的 fake 系列，该系列只包含注释的点（用户无法访问），然后创建形状{{1} }类型，并将该系列中的所有点都连接到该类型。这是代码和示例：

Axis.toPixels()

实时示例：http://jsfiddle.net/quag6ey2/

Highcharts注释-如何通过轴点绘制矩形？

1 个答案: