html,

body,

#container {

  width: 100%;

  height: 100%;

  margin: 0;

  padding: 0;

}

anychart.onDocumentReady(function () {

  // create polar chart

  var chart = anychart.polar();

​

  // create data set on our data

  var chartData = {

    title: 'Company Profit Dynamic in Regions by Year',

    header: ['#', 'Florida', 'Texas', 'Arizona', 'Nevada'],

    rows: [

      ['Nail polish', 12814, 3054, 4376, 4229],

      ['Eyebrow pencil', 13012, 5067, 3987, 3932],

      ['Rouge', 11624, 7004, 3574, 5221],

      ['Lipstick', 8814, 9054, 4376, 9256],

      ['Eyeshadows', 12998, 12043, 4572, 3308],

      ['Eyeliner', 12321, 15067, 3417, 5432],

      ['Foundation', 10342, 10119, 5231, 13701],

      ['Lip gloss', 22998, 12043, 4572, 4008],

      ['Mascara', 11261, 10419, 6134, 18712],

      ['Powder', 10261, 14419, 5134, 25712]

    ]

  };

​

  // sort data by X

  chart

    .sortPointsByX(true)

    // set series type

    .defaultSeriesType('column')

    // disable y-axis

    .yAxis(false)

    // set x-scale

    .xScale('ordinal');

​

  // set chart data

  chart.data(chartData);

​

  // set title margin

  chart.title().margin().bottom(20);

​

  // set stack mod

  chart.yScale().stackMode('value');

​

  // set tooltip settings

  chart.tooltip().valuePrefix('$').displayMode('union');

​

  // set chart container id

  chart.container('container');

  // initiate chart drawing

  chart.draw();

});