0

次のような半円グラフを探しています。

i.stack.imgur.com/I26zG.png

ゲージチャートを探していますが、この場合、シリーズは印刷されず、ダイヤル値のみが印刷され、バンドは印刷されません

リアルタイムplotbandで印刷することを考えています。しかし、この場合、チャート API を変更できないか、見つけられません。

円グラフを使用することもできますが、この場合は -90º から +90º まで開始する必要があり、使用方法が見つからず、type=pie にはペインがありません (//api.highcharts. com/highcharts#pane) オプション。

誰でも私を助けることができますか？

4

2 に答える 2

1

ついに昨日の夜、私は他の解決策を見つけました。フィドルを添付してください。ご協力いただきありがとうございます。

  plotOptions: {
            pie: {
                startAngle: 0,
                allowPointSelect: true,
                innerSize: '110%',
                size:'150%',
                center: [100,200],
                allowPointSelect: true,
                cursor: 'pointer',
                dataLabels: {
                    enabled: null,
                    color: '#000000',
                    connectorColor: '#000000',
                    format: '<b>{point.name}</b>: {point.percentage:.1f} %'
                }
            }
        }
于 2013-07-11T08:16:50.577 に答える
1

Axis.update()を呼び出して、Axis 構成設定のオブジェクトに渡すことができます。これらの設定の 1 つは、新しい plotBands 値にすることができます。したがって、ゲージ値を更新するたびに、ゲージ値の両側の plotBands をリセットします。私の例をあなたのイメージのように見せるには、他のものを微調整する必要があります。

このjsFiddleをチェックしてください：http://jsfiddle.net/ZrGut/

yAxis.update({
    plotBands: [{
        from: 0,
        to: leftVal,
        color: 'pink',
        innerRadius: '100%',
        outerRadius: '0%'
    },{
        from: leftVal,
        to: 90,
        color: 'tan',
        innerRadius: '100%',
        outerRadius: '0%'
    }]
}, false);
于 2013-07-10T23:33:40.023 に答える