html,

body,

#container {

  width: 100%;

  height: 100%;

  margin: 0;

  padding: 0;

}

anychart.onDocumentReady(function () {

  // The data used in this sample can be obtained from the CDN

  // https://cdn.anychart.com/samples/stock-general-features/load-csv-data/data.csv

  anychart.data.loadCsvFile(

    'https://cdn.anychart.com/samples/polar-charts/polar-chart-with-multiple-line-series/data.csv',

    function (data) {

      var dataSet = anychart.data.set(data);

​

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

      var firstSeriesData = 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 secondSeriesData = dataSet.mapAs({ x: 0, value: 2 });

​

      // create polar chart

      var chart = anychart.polar();

​

      // set chart yScale settings

      chart.yScale().minimum(-1).maximum(1.5);

      chart.yScale().ticks().interval(0.5);

​

      // set chart xScale settings

      chart.xScale().maximum(360);

      chart.xScale().ticks().interval(30);

​

      // set xAxis formatting settings

      chart.xAxis().labels().format('{%Value}\xb0');

​

      // set chart legend settings

      chart.legend().enabled(true).align('center');

​

      var series1 = chart.line(firstSeriesData);

      series1.name('SIN(x)').markers(false);

​

      var series2 = chart.line(secondSeriesData);

      series2.name('COS(x)').markers(false);

​

      // set container id for the chart

      chart.container('container');

      // initiate chart drawing

      chart.draw();

    }

  );

});