Javascript 如何将十字架渲染为highcharts标记？

我正在尝试扩展highcharts以包含一个十字符号。我的svg路径呈现一个三角形，我不知道为什么

由于

highcharts

不接受实际的svg路径，因此此任务比渲染水平线和垂直线更具挑战性

我拥有的路径应该做到这一点：

从上到中开始

从下到中的直线

直线到中心

左中线

$.extend(Highcharts.Renderer.prototype.symbols,
{       
    Cross: function (x, y, w, h) 
    { 
    var trianglesArray = [];

    trianglesArray.push('M');
    trianglesArray.push(x + (w * .5));
    trianglesArray.push(y);

    trianglesArray.push('L');
    trianglesArray.push(x + (w * .5));
    trianglesArray.push(y + h);

    trianglesArray.push('L');
    trianglesArray.push(x + (w * .5));
    trianglesArray.push(y + (h * .5));

    trianglesArray.push('L');
    trianglesArray.push(x);
    trianglesArray.push(y + (h * .5));

    trianglesArray.push('L');
    trianglesArray.push(x + w);
    trianglesArray.push(y + (h * .5));

    trianglesArray.push('z');

    return trianglesArray;
  }
});

---

您可以将“准备十字”用作图像，然后将其用作符号，如示例中的“其他图像”：

---

我使用svg扩展符号集合的原因是为了获得比例和颜色。

 marker: {
                    symbol: 'url(http://www.highcharts.com/demo/gfx/snow.png)'
                }