title: Json Data with multiple objects separated ... How to reach a specific object by name
body: <p>I am using ngx-charts and I am getting plotting some json data on a chat like this:</p>
  <p>app.component.ts:</p>
  <pre><code>data1 = [
      {
        &quot;name&quot;: &quot;DATA1&quot;,
        &quot;series&quot;: [
          {
            &quot;name&quot;: &quot;ONE&quot;,
            &quot;value&quot;: 0.017
          },
          {
            &quot;name&quot;: &quot;TWO&quot;,
            &quot;value&quot;: 0.008
          },
          {
            &quot;name&quot;: &quot;THREE&quot;,
            &quot;value&quot;: 0.022
          }
        ]
      }
    ]
  </code></pre>
  <p>app.component.html</p>
  <pre><code>&lt;ngx-charts-bar-vertical-2d 
      [results]=&quot;data1&quot;
      [legend]=&quot;true&quot;
      [legendTitle]=&quot;'Product Sale Report'&quot; 
      [view]=&quot;[1000,300]&quot;&gt;
  &lt;/ngx-charts-bar-vertical-2d&gt;
  </code></pre>
  <p>This works fine...but now I want to merge multiple json objects into one datasource so I've done this:</p>
  <p>app.component.ts</p>
  <pre><code>multiple = [
        {
          &quot;name&quot;: &quot;DATA1&quot;,
          &quot;series&quot;: [
            {
              &quot;name&quot;: &quot;ONE&quot;,
              &quot;value&quot;: 0.017
            },
            {
              &quot;name&quot;: &quot;TWO&quot;,
              &quot;value&quot;: 0.008
            },
            {
              &quot;name&quot;: &quot;THREE&quot;,
              &quot;value&quot;: 0.022
            }
          ]
        },
        {
          &quot;name&quot;: &quot;DATA2&quot;,
          &quot;series&quot;: [
            {
              &quot;name&quot;: &quot;ONE2&quot;,
              &quot;value&quot;: 0.017
            },
            {
              &quot;name&quot;: &quot;TWO2&quot;,
              &quot;value&quot;: 0.008
            },
            {
              &quot;name&quot;: &quot;THREE2&quot;,
              &quot;value&quot;: 0.022
            }
          ]
        }
    ]
  </code></pre>
  <p>then app.component.html</p>
  <pre><code>&lt;ngx-charts-bar-vertical-2d 
      [results]=&quot;multiple[0].data1&quot;
      [legend]=&quot;true&quot;
      [legendTitle]=&quot;'Product Sale Report'&quot; 
      [view]=&quot;[1000,300]&quot;&gt;
  &lt;/ngx-charts-bar-vertical-2d&gt;
  </code></pre>
  <p>I'm trying to display data1 using: <code>multiple[0].data1</code></p>
  <p>But I get error:</p>
  <p>Property 'data1' does not exist ...</p>
  <p>How can I do this so I can reach the wanted object by name?</p>