1

円グラフのスライスを拡大できるかどうか疑問に思っています。

私のチャートは、この例のjsfiddleの例をモデルにしています

chart: {
            renderTo: 'container',
            type: 'area',
            zoomType: 'x',
        }

しかし、円グラフでは機能しないようです。ここで何か不足していますか？理想的には、外側のレイヤーが内側のレイヤーの子として機能する 2 つのレイヤーを持つ円グラフが必要です。子スライスを選択すると、そのスライスだけを示す円グラフ全体と、それ自体の子などを表示できます。

4

2 に答える 2

1

残念ながら、円グラフのプロパティが示すように、ズームは許可されていません

x: x 軸を拡大する y: y 軸を拡大する xy: 両方の軸を拡大する

ただし、sizeプロパティを JavaScript で使用してズームを表示できます。 サイズ プロパティのデモ

于 2013-01-17T08:13:58.010 に答える
0

本当に探していたものを見つけたと思います。ズームではなく、スライスでクリック イベントをキャプチャするオプションです。

allowPointSelectこれを行うには、次のように円グラフに追加できる属性を使用する必要があります (いくつかの方法の 1 つにすぎません)。

plotOptions: {
    pie: {
        shadow: false,
        allowPointSelect: true,
    },
}

次に、クリックをキャプチャするために、使用中のevents属性を宣言する必要があります。series

series: [{
    name: 'Example',
    data: [
        {
            name: 'Firefox',   
            value: 45.0
        },
        {
            name: 'IE',
            value: 26.8
        },
        {
            name: 'Chrome',
            value: 12.8,
        },
    ],
    size: '100%',
    point: {
        events: {
           click: function() {
               // some code to execute when clicking a slice
               alert('Slice name: ' + this.name + ' and value: ' + this.value);
           }
        }
    }
}]

次に、そのクリック関数で、任意の JavaScript コードを実行でき、データ内の宣言されたフィールドにもアクセスできます。したがって、理論的には、2 番目の円グラフをオンザフライで作成できます。

于 2013-01-18T10:31:51.357 に答える