Highcharts の使い方 - by shigemk2
上記に大まかな概要が書いてあったりする。
リンクのコードのseriestypeをpieにするだけ…ではダメで(笑)
$(function() { var chart = new Highcharts.Chart({ chart: { renderTo: "container", defaultSeriesType: "pie" // ここをpieにし、 }, title: { text: "年間売り上げ" }, series: [{ name: "販売割合", // dataを、以下のような配列にする。 data: [ {name: "商品A", y : 40}, {name: "商品B", y : 25}, {name: "商品C", y : 20}, {name: "商品D", y : 10}, {name: "商品E", y : 5} ] }] }); });
ポイントとして
- seriestypeを'pie'にする
- xAxisやyAxisは書いても意味がないから書かない
- dataはname⇔yみたく対応させた配列を用意する
くらいだろうか。
追記: nameの部分はきちんとシングルクォートかダブルクォートで
くくりましょう。でないとグラフが表示されません。