html,

body,

#container {

  width: 100%;

  height: 100%;

  margin: 0;

  padding: 0;

}

anychart.onDocumentReady(function () {

  // create area chart

  var chart = anychart.line3d();

​

  // turn on chart animation

  chart.animation(true);

​

  // set chart title text settings

  chart

    .title()

    .enabled(true)

    .useHtml(true)

    .text(

      'Site Visits During 2017 Year<br/>' +

      '<span style="color:#212121; font-size: 13px;">' +

      'Considered to be the total amount of visits, including repeatable' +

      '</span>'

    );

​

  chart.yAxis().title('Number of Visits');

​

  // create area series on passed data

  var series = chart.line();

  series.data(getData());

  series.name('Number of Visits');

​

  // set series data labels settings

  series.labels().enabled(true).fontColor('#212121');

​

  // set series data markers settings

  series.markers(true);

​

  // set tooltip settings

  chart

    .tooltip()

    .positionMode('point')

    .anchor('left-top')

    .offsetX(5)

    .offsetY(5);

​

  // set interactivity settings

  chart.interactivity().hoverMode('by-x');

​

  // set container for the chart

  chart.container('container');

​

  // initiate chart drawing

  chart.draw();

});

​

function getData() {

  return [

    ['Jan', '10012'],

    ['Feb', '9063'],

    ['Mar', '9529'],

    ['Apr', '10090'],

    ['May', '8104'],

    ['June', '7250'],

    ['July', '9720'],

    ['Aug', '6005'],

    ['Sep', '6587'],

    ['Oct', '4400'],

    ['Nov', '7701'],

    ['Dec', '3008']

  ];

}