javascript - ハイチャートマーカーとしてクロスをレンダリングする方法は?

Question

ハイチャートを拡張して十字記号を含めようとしています。私の svg パスは三角形をレンダリングしていますが、その理由がわかりません。

は実際の svg パスを受け入れないためhighcharts、このタスクは水平線と垂直線をレンダリングするよりも困難です。

私が持っているパスはこれを行う必要があります:

1. 上部中央から開始
2. 一番下の真ん中の線
3. 線を中心に

4. 左中央への線

   $.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;
     }
   });
   

Answer 1

クロスを画像として使用し、他の画像の例のようにシンボルとして使用できます。

http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/demo/spline-symbols/

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