JSFiddle

  • Multiple charts with quotefeed #9 is the latest revision

    This jsfiddle illustrates how to implement multiple charts on one page using the quoteFeed 

    var stxx1=new CIQ.ChartEngine({container:$$$(".chartContainer1"),layout:{"chartType": "candle","candleWidth": 16}});
var stxx2=new CIQ.ChartEngine({container:$$$(".chartContainer2"),layout ...

  • Empty chart

    This is jsfiddle demonstrates how to display an empty chart. 

    var stxx = new CIQ.ChartEngine({
  container: $$$(".chartContainer")
});
stxx.newChart('Empty', []);

  • Injection sample

    Sample on how to add API injections 

    // Declare a CIQ.ChartEngine object. This is the main object for drawing charts.
var stxx = new CIQ.ChartEngine({
  container: $$$(".chartContainer ...

  • Series without primary instrument ( equal citizens)

    Sample of how to add a series to a chart without having a primary instrument 

    // Declare a CIQ.ChartEngine object. This is the main object for drawing charts.
var stxx=new CIQ.ChartEngine({container:$$$(".chartContainer ...

  • Multiple charts with crosshair and scale linker

    This jsfiddle illustrates how to implement multiple charts on one page and link their crosshairs and range selectors 

    var stxx1=new CIQ.ChartEngine({container:$$$(".chartContainer1"),layout:{crosshair:true,"chartType": "candle"}});
var stxx2=new CIQ.ChartEngine({container:$$$(".chartContainer2"),layout ...

  • Histogram sample - pushed data #17 is the latest revision

    Chart with a histogram and static data 

    var sampleData=[{"Date":"1993-01-29","Open":43.97,"High":43.97,"Low":43.75,"Close":43.94,"Volume":1003200,"Adj_Close":31 ...

  • Histogram sample - quotefeed #21 is the latest revision

    Chart with a histogram using a quotefeed 

    // instantiate your chart engine and configure defaults
var stxx = new CIQ.ChartEngine({
  container: $$$(".chartContainer"),
  //allowScroll: false,
  //allowZoom: false,
  layout: {
    chartType ...

  • Streaming series with no primary symbol #10 is the latest revision

    Sample of how to stream multiple series without loading a primary symbol 

    // Create a CIQ.ChartEngine object, the main object for drawing charts. 
var stxx = new CIQ.ChartEngine({
  container: $$$(".chartContainer"),layout:{"chartType ...

  • Series skipping data

    No-Library (pure JS), HTML, CSS, JavaScript 

    
var stxx = new CIQ.ChartEngine({
  container: $$$(".chartContainer"),layout:{chartType: 'line'}
}); // Declare a CIQ.ChartEngine object. This is the main object ...

  • 4 animated charts

    4 animated charts 

    var layout= {
    chartType: 'mountain',
    crosshair: true,
    periodicity: 1,
    timeUnit: 'second',
    interval: 1,
    candleWidth: 5,
};

var stxx1=new CIQ.ChartEngine({container ...