1

このhighchartsデモで使用されているように、ラベルを使用せずに円グラフの上部、下部、右、または左側に円グラフの名前を表示する方法はありますか？

        labels: {
            items: [{
                html: '<b>Total fruit consumption<b>',
                style: {
                    left: '40px',
                    top: '8px',
                    color: 'black'
                }
            }]
        }

ラベルにはピクセル単位の絶対位置があり、パイにはパーセンテージを使用しています。
サイズ変更がある場合、ラベルは同じ場所にとどまり、パイが移動します。両方の相対位置をパーセンテージで取得することはできません。パイの例：

{ data: [{ color: '#31B7C9', name: 'Slice 1', y: 1266364.92333333 }, { color: '#9ED93E', name: 'Slice 2', y: 7284620.73 }, { color: '#DABF12', name: 'Slice 4', y: 2330663.39333333 }], name: 'Pie Chart Name', type: 'pie', center: ["25%", "25%"], showInLegend: true, size: "20%", dataLabels: { enabled: false }}

円グラフの名前をタイトルとして表示する方法はありますか？

ここにjsFiddleの例があります。

前もって感謝します

4

2 に答える 2

0

ここで円グラフのタイトルを表示できるプラグインを見つけました。

于 2013-06-04T10:08:45.257 に答える
0

編集: 円グラフだけでなく、デモと同じグラフが必要なようです。その場合、以下の私の答えは失敗します。ラベルを使用して配置する必要があります。

----将来の参照用に以下のコードを保持---

はい、title プロパティを使用します。例: http://jsfiddle.net/wergeld/svkmM/

title: {
    text: 'A Title!'
}
于 2012-09-11T18:38:56.090 に答える