Check out example codes for "json data ngx-charts histogram \". It will help you in understanding the concepts better.

Code Example 1

[{"silence_plot":{
    "duration": 188.0826,
    "sil_range":[(0.0, 11.807), (16.89, 27.59), (34.36, 41.89), (46.63, 51.9), (162.77, 168.62)]
    }
}]

Code Example 2

[
  {
    "name": " ",
    "value": 40632,
    "extra": {
      "code": "de"
    }
  },
  {
    "name": "United States",
    "value": 50000,
    "extra": {
      "code": "us"
    }
  },
  {
    "name": "France",
    "value": 36745,
    "extra": {
      "code": "fr"
    }
  },
  {
    "name": "United Kingdom",
    "value": 36240,
    "extra": {
      "code": "uk"
    }
  },
  {
    "name": "Spain",
    "value": 33000,
    "extra": {
      "code": "es"
    }
  },
  {
    "name": "Italy",
    "value": 35800,
    "extra": {
      "code": "it"
    }
  }
]

Learn ReactJs, React Native from akashmittal.com