Highcharts一般的な描画パラメータ

Question

私はネットワーク接続用の私のカスタムハイチャートで '[' 'のような曲線を描画したいと思います。

私は

http://www.highcharts.com/demo/renderer

// Arrow from Batik to SaaS client 
ren.path(['M', 235, 185, 'L', 235, 155, 'C', 235, 130, 235, 130, 215, 130, 'L', 95, 130, 'L', 100, 125, 'M', 95, 130, 'L', 100, 135]) 

.attr({ 

    'stroke-width': 2, 
    stroke: colors[3] 

}) 
.add(); 

下図に示すように逆「L」曲線を描画するための例を得た私は、パラメータに関する任意の助けを得ることができます。私は様々な組み合わせで試してみましたが、精度のレベルは悪いです。

Answer 1

あなたはHighcharts API内の曲線を作るについての情報を見つけることができます。 http://api.highcharts.com/highcharts#Renderer.path

あなたがここに湾曲縁を作りに関するすべての情報を見つけることができます。 https://www.w3.org/TR/SVG/paths.html#PathDataCurveCommands

ここでは、あなたのお手伝いをすることができ、コードを見つけることができます を：チャート

 $('#container').highcharts({}, function(chart) { 
    var ren = chart.renderer; 
    ren.path(['M', 235, 125, 'L', 200, 125, 'L', 200, 220, 'L', 235, 220, ]) 
     .attr({ 
     'stroke-width': 2, 
     stroke: 'blue' 

     }) 
     .add(); 
    }); 

そして、ここでは、あなたは、このパスが見えるかもしれ方法の例を見つけることができます