title: Multi-series in dimplejs
body: <p>I am tinkering with a multi-series chart in dimplejs and got a bit stuck with the multi axis logic. </p>
  
  <p>With the following data:</p>
  
  <pre><code>var data = [
    {"Month":"01/2013", "Revenue":2000, "Profit":2000, "Units":4},
    {"Month":"02/2013", "Revenue":3201, "Profit":2000, "Units":3},
    {"Month":"03/2013", "Revenue":1940, "Profit":14000, "Units":5},
    {"Month":"04/2013", "Revenue":2500, "Profit":3200, "Units":1},
    {"Month":"05/2013", "Revenue":800, "Profit":1200, "Units":4}
  ]
  </code></pre>
  
  <p>I try to get a chart showing, by months, my revenue and my profit on the same y axis and my units on a secondary y axis.</p>
  
  <p>With the code below, I could manage to display the 3 series. But the Profit series isn't really on the same axis as the Revenue one, and the whole thing seems more like a hack than a proper solution.</p>
  
  <pre><code>var chart = new dimple.chart(svg, data);
  
  chart.setBounds(60,20,680,330);
  
  var x = chart.addCategoryAxis("x", "Month");
  var y1 = chart.addMeasureAxis("y", "Revenue");
  chart.addSeries("null", dimple.plot.line, [x,y1]);
  var y2 = chart.addMeasureAxis("y", "Units");
  chart.addSeries("null", dimple.plot.bar, [x,y2]);
  var y3 = chart.addMeasureAxis("y", "Profit");
  chart.addSeries("null", dimple.plot.line, [x,y3]);
  </code></pre>
  
  <p>I guess my logic might be wrong with how to rightly play with series. Any help would be great.</p>
  
  <p>Thanks a lot,
  Xavier</p>
  
  <p>Full code:</p>
  
  <pre><code>var svg = dimple.newSvg("body", 800, 400);
  
  var data = [
      {"Month":"01/2013", "Revenue":2000, "Profit":2000, "Units":4},
      {"Month":"02/2013", "Revenue":3201, "Profit":2000, "Units":3},
      {"Month":"03/2013", "Revenue":1940, "Profit":14000, "Units":5},
      {"Month":"04/2013", "Revenue":2500, "Profit":3200, "Units":1},
      {"Month":"05/2013", "Revenue":800, "Profit":1200, "Units":4}
  ]
  
  var chart = new dimple.chart(svg, data);
  
  chart.setBounds(60,20,680,330);
  
  var x = chart.addCategoryAxis("x", "Month");
  var y1 = chart.addMeasureAxis("y", "Revenue");
  chart.addSeries("null", dimple.plot.line, [x,y1]);
  var y2 = chart.addMeasureAxis("y", "Units");
  chart.addSeries("null", dimple.plot.bar, [x,y2]);
  var y3 = chart.addMeasureAxis("y", "Profit");
  chart.addSeries("null", dimple.plot.line, [x,y3]);
  
  x.dateParseFormat = "%m/%Y";
  x.addOrderRule("Date");
  
  chart.draw();
  </code></pre>