JSFiddle

  • Injection sample - advanced canvas

    Sample on how to add API injections using advanced canvas functions

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

    Sample of how to stream volume data

    var stxx = new CIQ.ChartEngine({
      container: $$$(".chartContainer"),layout:{"chartType": "mountain"}
    }); 
    
    stxx.newChart("SPY", sampleData,null,function(){
          CIQ.Studies.addStudy(stxx ...
  • Multiple charts with quotefeed #12 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

    // Add this line if you are updating the charts with real time data,
    // and want the cross-hair to remain visible ...
  • 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 ...