html, body, #container {

    width: 100%;

    height: 100%;

    margin: 10%;

    padding: 0;

}

anychart.onDocumentReady(function () {

  anychart.theme('lightBlue');

  // create data set on our data

  var dataSet = anychart.data.set([

    ['專頁粉絲總數（知名度）',1.00,0.99,0.95,0.92,0.89,0.87,0.81,0.61,0.77,0.72,0.72,0.66,0.66,0.65,0.64,0.68],

    ['按讚率', 0.16,0.47,1.00,0.07,0.53,0.19,0.50,0.32,0.21,0.16,0.33,0.61,0.19,0.17,0.10,0.16],

    ['留言率', 0.53,0.43,0.44,0.14,0.99,0.13,1.00,0.07,0.38,0.49,0.23,0.30,0.19,0.81,0.09,0.22],

    ['發文頻率', 1.00,0.73,0.26,0.76,0.73,0.91,0.62,0.42,0.47,0.69,0.64,0.96,0.55,0.75,0.82,0.37],

    ['分享率', 0.21,0.19,0.26,0.02,0.54,0.12,0.25,0.01,0.27,0.35,0.16,0.14,0.05,1.00,0.06,0.21]

  ]);

​

  // map data for the first series, take x from the zero column and value from the first column of data set

  var data1 = dataSet.mapAs({

    'x': 0,

    'value': 1

  });

  // map data for the second series, take x from the zero column and value from the second column of data set

  var data2 = dataSet.mapAs({

    'x': 0,

    'value': 2

  });

  // map data for the third series, take x from the zero column and value from the third column of data set

  var data3 = dataSet.mapAs({

    'x': 0,

    'value': 3

  });

​

  var data4 = dataSet.mapAs({

    'x': 0,

    'value': 4

  });

​

  var data5 = dataSet.mapAs({

    'x': 0,

    'value': 5

  });

​

  var data6 = dataSet.mapAs({

    'x': 0,

    'value': 6

  });

​

  var data7 = dataSet.mapAs({

    'x': 0,

    'value': 7

  });

​

  var data8 = dataSet.mapAs({

    'x': 0,

    'value': 8

  });

​

  var data9 = dataSet.mapAs({

    'x': 0,

    'value': 9

  });

​

  var data10 = dataSet.mapAs({

    'x': 0,

    'value': 10

  });

​

  var data11 = dataSet.mapAs({

    'x': 0,

    'value': 11

  });

​

  var data12 = dataSet.mapAs({

    'x': 0,

    'value': 12

  });

​

  var data13 = dataSet.mapAs({

    'x': 0,

    'value': 13

  });

​

  var data14 = dataSet.mapAs({

    'x': 0,

    'value': 14

  });

​

  var data15 = dataSet.mapAs({

    'x': 0,

    'value': 15

  });

​

  var data16 = dataSet.mapAs({

    'x': 0,

    'value': 16

  });

​

  // create radar chart

  var chart = anychart.radar();

​

  // set chart title text settings

  chart.title('美妝網紅雷達分佈圖');

​

  // set chart yScale settings

  chart.yScale()

    .minimum(0)

    .maximumGap(0)

    .ticks().interval(1);

​

  // set xAxis labels settings

  chart.xAxis().labels().padding(4);

​

  // set chart legend settings

    var legend = chart.legend();

    legend.align('center')

    legend.padding(30)

    legend.maxWidth("90%")

    legend.itemsLayout("horizontal-expandable");

    legend.enabled(true);

​

  // create first series with mapped data

  var series1 = chart.line(data1).name('IGisele 愛吉賽兒');

  series1.markers()

    .enabled(true)

    .type('circle')

    .size(3);

  // create first series with mapped data

  var series2 = chart.line(data2).name('Gina hello ?');

  series2.markers()

    .enabled(true)

    .type('circle')

    .size(3);

  // create first series with mapped data

  var series3 = chart.line(data3).name('家寧+0');

  series3.markers()

    .enabled(true)

    .type('circle')

    .size(3);

​

  var series = chart.line(data4).name('Vina 薇娜');

  series.markers()

    .enabled(true)

    .type('circle')

    .size(3);

  var series = chart.line(data5).name('台灣妞韓國媳');

  series.markers()

    .enabled(true)

    .type('circle')

    .size(3);

​

  var series = chart.line(data6).name('Kerina* 薛妞妞');

  series.markers()

    .enabled(true)

    .type('circle')

    .size(3);

​

  var series = chart.line(data7).name('丹妮婊姐星球');

  series.markers()

    .enabled(true)

    .type('circle')

    .size(3);

  var series = chart.line(data8).name('哥哥的閒妻日誌');

  series.markers()

    .enabled(true)

    .type('circle')

    .size(3);

​

  var series = chart.line(data9).name('BACK TO BRITISH Tramy 崔咪');

  series.markers()

    .enabled(true)

    .type('circle')

    .size(3);

​

  var series = chart.line(data10).name('金老佛爺 Fashion Blog by Kimlafayette');

  series.markers()

    .enabled(true)

    .type('circle')

    .size(3);

​

  var series = chart.line(data11).name('Natalie吳斐莉');

  series.markers()

    .enabled(true)

    .type('circle')

    .size(3);

​

  var series = chart.line(data12).name('我愛小馬克');

  series.markers()

    .enabled(true)

    .type('circle')

    .size(3);

  var series = chart.line(data13).name('一名空姐的流水帳日記');

  series.markers()

    .enabled(true)

    .type('circle')

    .size(3);

   var series = chart.line(data14).name('【百變沛莉】Peri');

  series.markers()

    .enabled(true)

    .type('circle')

    .size(3);

   var series = chart.line(data15).name('大饅大力 MLcrazybuy');

  series.markers()

    .enabled(true)

    .type('circle')

    .size(3);

  var series = chart.line(data16).name('貴婦奈奈');

  series.markers()

    .enabled(true)

    .type('circle')

    .size(3);

​

  // chart tooltip format

  chart.tooltip().format('Value: {%Value}');

​

  // set container id for the chart

  chart.container('container');

  chart.draw();

});

​

​