javascript - ハイチャートを使用して半円形のゲージを作成するには?

Question

ハイチャートを使用して半円形のゲージチャートを作成する必要があります。私はこれを持っていますが、これは完全な円形の文字盤です。必要なのは、半円形の文字盤、つまり、文字盤の上部のみを含むものです。

Answer 1

ペイン セクションに center パラメータを追加できます。

pane : {
  center: ['50%', '100%']
   ...
}

変更されたデモ、http://jsfiddle.net/EjRLw/524/を参照してください。

高チャートの API を参照してください http://api.highcharts.com/highcharts#pane.center

Answer 2

このように最後の機能を変更すると、フルダイヤルの上部が表示されます

 // Add some life
    function(chart) {
        setInterval(function() {
            var point = chart.series[0].points[0],
                newVal, inc = 100;

            newVal = inc;
            if (newVal < 0 || newVal > 100) {
                newVal = 50;
            }

            point.update(newVal);

        }, 3000);

    });