title: C3js Chart - JSON Group Data
body: <p>I am having troubles to configure C3Chartjs, hope someone can help me.</p>
  
  <p>Here my JSON (data got from user input):</p>
  
  <pre><code>  obc: [
      { takt: 90, oee: 80, processId: 'Operation 1', processName: 'Cortar', lowRepCycle: 65 },
      { takt: 90, oee: 80, processId: 'Operation 1', processName: 'Dobrar', lowRepCycle: 35 },
      { takt: 90, oee: 80, processId: 'Operation 2', processName: 'Dobrar', lowRepCycle: 65 },
      { takt: 90, oee: 80, processId: 'Operation 2', processName: 'Dobrar', lowRepCycle: 35 }
    ]
  </code></pre>
  
  <p>And this is my C3 config:</p>
  
  <pre><code>  c3.generate({
      bindto: '#chart',
      data: {
        json: this.obc,
        keys: {
          value: ['lowRepCycle', 'takt', 'oee']
        },
        type: 'bar',
        types: {
          takt: 'line',
          oee: 'line'
        },
        groups: [
          ['processId']
        ]
      }
    })
  </code></pre>
  
  <p>And this is the result of this code:</p>
  
  <p><a href="https://i.stack.imgur.com/1k69C.png" rel="nofollow noreferrer">Actual Result</a></p>
  
  <p>The problem is that  need data in groups of Operations, like this:</p>
  
  <p><a href="https://i.stack.imgur.com/HMgbG.jpg" rel="nofollow noreferrer">The Result I expect</a></p>
  
  <hr>
  
  <p>If someone prefers to see the app in "production", you can access in: </p>
  
  <p>//jsfiddle.net/theuzz1/3pa07ah8/</p>
  
  <p>matheus-lean.herokuapp.com/#/obc</p>
  
  <p>Just click in add Operator and see the graph </p>