title: Create data in data with Chartjs
body: <p>I created a simple Pie chart with Chartjs. Is it possible to create data inside the data itself? I know there is a way to create multiple datasets, but this creates another pie outside the main pie.</p>
  
  <p>Here is an example: <a href="https://i.stack.imgur.com/YRG9x.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/YRG9x.png" alt="pie chart"></a></p>
  
  <p>Lets say 'hoofdgerecht' is a total of 50%, but there are still other properties inside hoofdgerecht itself, and these consist of 5% 10% and 20%. How can you achieve this?</p>
  
  <p>I tried:</p>
  
  <pre><code>Data:{
  labels: ['hoofdgerecht',
  data:{ 
  labels: ['warm', 'koud']
  </code></pre>
  
  <p>]
  };</p>
  
  <p>UPDATE: My code </p>
  
  <pre><code>var ctx = document.getElementById("voedselVoorraad").getContext('2d');
  var voedselVoorraad = new Chart(ctx, {
      type: 'pie',
      data: {
          labels: ["Hoofdgerecht", "Nagerecht", "Bijgerecht", "Zout", "Suiker", "Peper"],
          datasets: [{
              label: 'Voedsel op voorraad',
              data: [35, 32, 29, 30, 28, 14],
              backgroundColor: [
                  'rgba(255, 99, 132, 0.2)',
                  'rgba(54, 162, 235, 0.2)',
                  'rgba(255, 206, 86, 0.2)',
                  'rgba(75, 192, 192, 0.2)',
                  'rgba(153, 102, 255, 0.2)',
                  'rgba(255, 159, 64, 0.2)'
              ],
              borderColor: [
                  'rgba(255,99,132,1)',
                  'rgba(54, 162, 235, 1)',
                  'rgba(255, 206, 86, 1)',
                  'rgba(75, 192, 192, 1)',
                  'rgba(153, 102, 255, 1)',
                  'rgba(255, 159, 64, 1)'
              ],
              borderWidth: 1
          }]
      },
  });
  </code></pre>