読者です 読者をやめる 読者になる 読者になる

by shigemk2

当面は技術的なことしか書かない

Highcharts の使い方 (円グラフ)

jQuery

Highcharts の使い方 - by shigemk2
上記に大まかな概要が書いてあったりする。
リンクのコードのseriestypeをpieにするだけ…ではダメで(笑)

新JavaScript例文辞典

$(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}
      ] 
    }] 
  });
}); 

ポイントとして

  1. seriestypeを'pie'にする
  2. xAxisやyAxisは書いても意味がないから書かない
  3. dataはname⇔yみたく対応させた配列を用意する

くらいだろうか。

追記: nameの部分はきちんとシングルクォートかダブルクォートで
くくりましょう。でないとグラフが表示されません。