Edit in JSFiddle

// Declare a CIQ.ChartEngine object. This is the main object for drawing charts.
stxx = new CIQ.ChartEngine({
  container: $$$(".chartContainer"),
  layout: {
    chartType: 'mountain',
    crosshair: true,
    interval: 'tick',
    candleWidth: 5,
  },
  streamParameters: {
    "maxWait": 125
  },
});

// Link an animator to each chart you want to animate by adding a line like this:
CIQ.Animation(stxx, {
  tension: 0.3
})
// Set tension if you want to soften the curves on a line or mountain chart.

stxx.chart.xAxis.timeUnit = CIQ.MILLISECOND;


now = new Date();
var sampleData = [{
    "DT": new Date(now.setMilliseconds(008)),
    "Open": 152.13,
    "High": 152.19,
    "Low": 152.08,
    "Close": 152.11,
    "Volume": 4505569
  },
  {
    "DT": new Date(now.setMilliseconds(060)),
    "Open": 151.76,
    "High": 151.83,
    "Low": 151.65,
    "Close": 151.79,
    "Volume": 2799990
  },
  {
    "DT": new Date(now.setMilliseconds(102)),
    "Open": 151.79,
    "High": 151.8,
    "Low": 151.6,
    "Close": 151.75,
    "Volume": 1817706
  },
  {
    "DT": new Date(now.setMilliseconds(103)),
    "Open": 151.74,
    "High": 151.96,
    "Low": 151.74,
    "Close": 151.84,
    "Volume": 2127911
  },
  {
    "DT": new Date(now.setMilliseconds(104)),
    "Open": 151.84,
    "High": 152.03,
    "Low": 151.79,
    "Close": 151.95,
    "Volume": 1640306
  },
  {
    "DT": new Date(now.setMilliseconds(105)),
    "Open": 151.95,
    "High": 152.09,
    "Low": 151.84,
    "Close": 152.07,
    "Volume": 1420396
  },
  {
    "DT": new Date(now.setMilliseconds(106)),
    "Open": 152.07,
    "High": 152.08,
    "Low": 151.87,
    "Close": 151.91,
    "Volume": 1312368
  },
  {
    "DT": new Date(now.setMilliseconds(107)),
    "Open": 151.92,
    "High": 152.02,
    "Low": 151.88,
    "Close": 151.95,
    "Volume": 1351448
  },
  {
    "DT": new Date(now.setMilliseconds(108)),
    "Open": 151.95,
    "High": 152.02,
    "Low": 151.87,
    "Close": 151.98,
    "Volume": 1171601
  },
  {
    "DT": new Date(now.setMilliseconds(109)),
    "Open": 151.97,
    "High": 151.99,
    "Low": 151.72,
    "Close": 151.73,
    "Volume": 1340956
  },
  {
    "DT": new Date(now.setMilliseconds(110)),
    "Open": 151.73,
    "High": 151.85,
    "Low": 151.71,
    "Close": 151.82,
    "Volume": 931909
  },
  {
    "DT": new Date(now.setMilliseconds(111)),
    "Open": 151.81,
    "High": 151.87,
    "Low": 151.68,
    "Close": 151.75,
    "Volume": 864346
  },
  {
    "DT": new Date(now.setMilliseconds(112)),
    "Open": 151.74,
    "High": 151.81,
    "Low": 151.69,
    "Close": 151.73,
    "Volume": 1070323
  },
  {
    "DT": new Date(now.setMilliseconds(113)),
    "Open": 151.73,
    "High": 151.85,
    "Low": 151.71,
    "Close": 151.82,
    "Volume": 789665
  },
  {
    "DT": new Date(now.setMilliseconds(114)),
    "Open": 151.82,
    "High": 151.84,
    "Low": 151.68,
    "Close": 151.84,
    "Volume": 868275
  },
  {
    "DT": new Date(now.setMilliseconds(115)),
    "Open": 151.84,
    "High": 152.01,
    "Low": 151.83,
    "Close": 151.95,
    "Volume": 1160535
  },
  {
    "DT": new Date(now.setMilliseconds(116)),
    "Open": 151.95,
    "High": 152.07,
    "Low": 151.95,
    "Close": 152.03,
    "Volume": 1008658
  },
  {
    "DT": new Date(now.setMilliseconds(117)),
    "Open": 152.03,
    "High": 152.13,
    "Low": 151.99,
    "Close": 152.03,
    "Volume": 974990
  },
  {
    "DT": new Date(now.setMilliseconds(118)),
    "Open": 152.02,
    "High": 152.03,
    "Low": 151.91,
    "Close": 152.01,
    "Volume": 737028
  },
  {
    "DT": new Date(now.setMilliseconds(119)),
    "Open": 152.02,
    "High": 152.03,
    "Low": 151.91,
    "Close": 152.01,
    "Volume": 737028
  },
  {
    "DT": new Date(now.setMilliseconds(120)),
    "Open": 152.13,
    "High": 152.19,
    "Low": 152.08,
    "Close": 152.11,
    "Volume": 4505569
  },
  {
    "DT": new Date(now.setMilliseconds(121)),
    "Open": 151.76,
    "High": 151.83,
    "Low": 151.65,
    "Close": 151.79,
    "Volume": 2799990
  },
  {
    "DT": new Date(now.setMilliseconds(122)),
    "Open": 151.79,
    "High": 151.8,
    "Low": 151.6,
    "Close": 151.75,
    "Volume": 1817706
  },
  {
    "DT": new Date(now.setMilliseconds(123)),
    "Open": 151.74,
    "High": 151.96,
    "Low": 151.74,
    "Close": 151.84,
    "Volume": 2127911
  },
  {
    "DT": new Date(now.setMilliseconds(124)),
    "Open": 151.84,
    "High": 152.03,
    "Low": 151.79,
    "Close": 151.95,
    "Volume": 1640306
  },
  {
    "DT": new Date(now.setMilliseconds(125)),
    "Open": 151.95,
    "High": 152.09,
    "Low": 151.84,
    "Close": 152.07,
    "Volume": 1420396
  },
  {
    "DT": new Date(now.setMilliseconds(126)),
    "Open": 152.07,
    "High": 152.08,
    "Low": 151.87,
    "Close": 151.91,
    "Volume": 1312368
  },
  {
    "DT": new Date(now.setMilliseconds(127)),
    "Open": 151.92,
    "High": 152.02,
    "Low": 151.88,
    "Close": 151.95,
    "Volume": 1351448
  },
  {
    "DT": new Date(now.setMilliseconds(128)),
    "Open": 151.95,
    "High": 152.02,
    "Low": 151.87,
    "Close": 151.98,
    "Volume": 1171601
  },
  {
    "DT": new Date(now.setMilliseconds(129)),
    "Open": 151.97,
    "High": 151.99,
    "Low": 151.72,
    "Close": 151.73,
    "Volume": 1340956
  },
  {
    "DT": new Date(now.setMilliseconds(130)),
    "Open": 152.13,
    "High": 152.19,
    "Low": 152.08,
    "Close": 152.11,
    "Volume": 4505569
  },
  {
    "DT": new Date(now.setMilliseconds(131)),
    "Open": 151.76,
    "High": 151.83,
    "Low": 151.65,
    "Close": 151.79,
    "Volume": 2799990
  },
  {
    "DT": new Date(now.setMilliseconds(132)),
    "Open": 151.79,
    "High": 151.8,
    "Low": 151.6,
    "Close": 151.75,
    "Volume": 1817706
  },
  {
    "DT": new Date(now.setMilliseconds(133)),
    "Open": 151.74,
    "High": 151.96,
    "Low": 151.74,
    "Close": 151.84,
    "Volume": 2127911
  },
  {
    "DT": new Date(now.setMilliseconds(134)),
    "Open": 151.84,
    "High": 152.03,
    "Low": 151.79,
    "Close": 151.95,
    "Volume": 1640306
  },
  {
    "DT": new Date(now.setMilliseconds(135)),
    "Open": 151.95,
    "High": 152.09,
    "Low": 151.84,
    "Close": 152.07,
    "Volume": 1420396
  },
  {
    "DT": new Date(now.setMilliseconds(136)),
    "Open": 152.07,
    "High": 152.08,
    "Low": 151.87,
    "Close": 151.91,
    "Volume": 1312368
  },
  {
    "DT": new Date(now.setMilliseconds(137)),
    "Open": 151.92,
    "High": 152.02,
    "Low": 151.88,
    "Close": 151.95,
    "Volume": 1351448
  },
  {
    "DT": new Date(now.setMilliseconds(138)),
    "Open": 151.95,
    "High": 152.02,
    "Low": 151.87,
    "Close": 151.98,
    "Volume": 1171601
  },
  {
    "DT": new Date(now.setMilliseconds(139)),
    "Open": 151.97,
    "High": 151.99,
    "Low": 151.72,
    "Close": 151.73,
    "Volume": 1340956
  }
];

stxx.loadChart("TEST", sampleData, function() {
  streamSimulation();
});

/******************* Stream simulation for demo purposes only ************************/
/************************************************************************************/
/************************************************************************************/
/************************************************************************************/
function streamSimulation() {
  var price = 151.73;

  // if there is something in the masterData use the last element as the basis for our random seed
  if (stxx.chart.masterData.length) {
    price = stxx.chart.masterData[stxx.chart.masterData.length - 1].Close;
  }

  var change = (price * .02) * Math.random() - (price * .01); // random between +/-1% of current price
  price = price + parseFloat(change.toFixed(2));
  var volume = Math.floor(Math.random() * 10) + 1
  stxx.updateChartData({
    "Last": price,
    "Volume": volume
  }, null, {
    fillGaps: true
  });
  setTimeout(streamSimulation, 500);
}
<div class="chartContainer" style="width:100%;height:400px;position:relative;"></div>

<!--[if IE 8]><script>alert("This template is not compatible with IE8");</script><![endif]-->

<!--include addOns.js if you want a smooth line movements insted of jumps.-->
<script src="https://jsfiddle.chartiq.com/chart/js/chartiq.js"></script>
<script src="https://jsfiddle.chartiq.com/chart/js/addOns.js"></script>
<script src="https://jsfiddle.chartiq.com/chart/js/thirdparty/splines.js"></script>