ハイチャート - 「アーチェリー範囲」グラフ？

Question

「アーチェリーレンジ」チャート（スタックサークルチャート）を作るために選択すべきチャートは？私。中央のエリアは最高得点、次のサークルは少し低いなど

極座標は最も近いですが、もっと正確に一致するものはありますか？

タグ：アーチェリーレンジ・チャート、ダーツチャート

Answer 1

あなただけの円を表示したい場合は、多分あなたは円グラフを使用することができますか？

series: [{ 
    name: 'outer', 
    data: [1], 
    size: '60%', 
    borderColor: null, 
    color: 'green', 
    colorByPoint: false, 
}, { 
    name: 'middle', 
    data: [1], 
    size: '80%', 
    innerSize: '60%', 
    color: 'red', 
    colorByPoint: false, 
    borderColor: null, 
    borderWidth: 1 
}, { 
    name: 'inner', 
    data: [1], 
    size: '20%', 
    color: 'blue', 
    colorByPoint: false, 
    borderColor: null, 
    borderWidth: 1 
}] 

http://jsfiddle.net/8fec7zao/2/

あなたが同様にあなたのチャート上のポイントを表示したい場合は、ポーラチャートは最高のアイデアになります。ここでは、それが動作する方法の例を見つけることができます。

$(function() { 
    $('#container').highcharts({ 
    chart: { 
     polar: true 
    }, 
    pane: { 
     startAngle: 0, 
     endAngle: 360 
    }, 
    xAxis: { 
     min: 0, 
     max: 8, 
    }, 
    yAxis: { 
     min: 0, 
     max: 12, 
     tickInterval: 4, 
     plotBands: [{ 
     from: 0, 
     to: 4, 
     color: 'green', 
     }, { 
     from: 4, 
     to: 8, 
     color: 'yellow', 
     }, { 
     from: 8, 
     to: 12, 
     color: 'red', 
     }] 
    }, 
    series: [{ 
     type: 'scatter', 
     color: 'black', 
     data: [ 
     [1, 2], 
     [3, 4], 
     [2.4, 6] 
     ], 
    }] 
    }); 
}); 

http://jsfiddle.net/rsLnxL04/