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 ...