Chart automatically removes default markers when there are large number of dataPoints - CanvasJS JavaScript Charts

Chart automatically removes default markers when there are large number of dataPoints - CanvasJS JavaScript Charts

by canvasjs

HTML

<script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>
<br/>
<!-- Just so that JSFiddle's Result label doesn't overlap the Chart -->

<div id="chartContainer" style="height: 360px; width: 100%;"></div>

JavaScript

var dps = [{x: 1, y: 10}, {x: 2, y: 13}];   //dataPoints. 

var chart = new CanvasJS.Chart("chartContainer",{
  zoomEnabled: true,
  title :{
    text: "Live Data"
  },
  axisX: {						
    title: "Axis X Title"
  },
  axisY: {						
    title: "Units"
  },
  data: [{
    type: "line",
    //lineThickness: 1,
    //markerSize: 0,
    dataPoints : dps
  }]
});

chart.render();
var xVal = dps.length + 1;
var yVal = 15;	
var updateInterval = 100;

var updateChart = function () {


  yVal = yVal +  Math.round(5 + Math.random() *(-5-5));
  dps.push({x: xVal,y: yVal});
	xVal++;
  chart.render();		

	// update chart after specified time. 

};

setInterval(function(){updateChart()}, updateInterval);