var svg = dimple.newSvg("body", 800, 600);

// Data for the left axis

var data1 = [

  { "Day":"Monday", "Measure":"A", "Value":2000000 },

  { "Day":"Tuesday", "Measure":"A", "Value":3000000 },

  { "Day":"Wednesday", "Measure":"A", "Value":4000000},

  { "Day":"Thursday", "Measure":"A", "Value":4000000 },

  { "Day":"Friday", "Measure":"A", "Value":3000000 },

  { "Day":"Saturday", "Measure":"A", "Value":2000000 },

  { "Day":"Sunday", "Measure":"A", "Value":1000000 },

  // Hacky line to force data above into the first column

  { "Day":"Sunday", "Measure":"B", "Value":0 }

​

];

// Data for the right axis

var data2 = [

  // Hacky line to force data below into the second column

  { "Day":"Monday", "Measure":"A", "Value":0 },

  { "Day":"Monday", "Measure":"B", "Value":2000 },

  { "Day":"Tuesday", "Measure":"B", "Value":300 },

  { "Day":"Wednesday", "Measure":"B", "Value":400},

  { "Day":"Thursday", "Measure":"B", "Value":400 },

  { "Day":"Friday", "Measure":"B", "Value":300 },

  { "Day":"Saturday", "Measure":"B", "Value":200 },

  { "Day":"Sunday", "Measure":"B", "Value":100 }

];

// Create the chart without data

var chart = new dimple.chart(svg);

// Create the days on x with measures nested inside

var x1 = chart.addCategoryAxis("x", ["Day", "Measure"]);

x1.addOrderRule([

  "Monday", "Tuesday", "Wednesday", "Thursday", 

  "Friday", "Saturday", "Sunday"]);

// Add 2 y axes with titles matching the measure column

var y1 = chart.addMeasureAxis("y", "Value");

y1.title = "A";

var y2 = chart.addMeasureAxis("y", "Value");

y2.title = "B";

// Create the first series  mapped to the left hand side

var s1 = chart.addSeries("Measure", dimple.plot.bar, [x1, y1]);

s1.data = data1;

// Create the second series mapped to the right hand side

var s2 = chart.addSeries("Measure", dimple.plot.bar, [x1, y2]);

s2.data = data2;

// Draw the chart with bounce for no good reason

chart.staggerDraw = true;

chart.ease = "bounce";

chart.draw(1000);