Skip to content

Chart api mix charts

Yuji Takayama edited this page Jul 10, 2013 · 1 revision

If you want to draw both the bar and line chart, use a type parameter with easel.mix.



  $(function(){
    var data = [
      {
        x: '2013-04',
        y: '123',
        y1: '90'
      },
      {
        x: '2013-05',
        y: '235',
        y1: '128'
      },
      {
        x: '2013-06',
        y: '76',
        y1: '283'
      }
    ];
    var config = {
      data: data,
      type: 'easel.mix',
      autoResize: true,
      yLength: 2,
      mix: [{
          type: "bar",
          yLength: 1
      }, {
          type: "motionLine",
          yLength: 1,
          lineWidth: 8
      }]
    }
    var range = {
      dataType: 'general',
      length: 3
    }
    new MT.ChartAPI.Graph(config, range).trigger('APPEND_TO', $('#graph'));
  })

Clone this wiki locally