title: Highcharts stacked column charts ( Parse json string for series)
body: <p>I am getting following json string on Ajax call from javascript:-</p>
  
  <pre><code>var json = [{"date":"2018-05-16","MsgType":"xyz","count":4},
  {"date":"2018-05-16","MsgType":"tyu","count":15},
  {"date":"2018-05-15","MsgType":"sdf","count":5},
  {"date":"2018-05-14","MsgType":"mnb","count":9},
  {"date":"2018-05-14","MsgType":"xyz","count":8},
  {"date":"2018-05-14","MsgType":"tyu","count":14}];
  </code></pre>
  
  <p>I want to fill series of my highchart with the above given data. My requirement is to make "date" as X-Axis, "MsgType" as name and "Count" as data. I have for two objects when i needed to put count for MsgTypes. But here first i need to group data based on date and then need to place each MsgType with count in stack. Please help me with this as i am not able to figure out anything. Any help will be appreciated. I have implemented following for other scenario : -</p>
  
  <pre><code>Highcharts.chart('MP_Chart', {
              chart: {
                  type: 'column'
              },
              title: {
                  text: 'Market Processes',
                  style: { "fontSize": "16px", "font-weight": "bold" }
              },
              credits: {
                  enabled: false
              },
              xAxis: {
                  categories: Date,
                  labels: {
                      style: {
                          fontWeight: 'bold'
                      }
                  }
              },
              yAxis: {
                  min: 0,
                  title: {
                      text: 'Total Queued messages',
                      style: {
                          fontWeight: 'bold'
                      }
                  },
                  stackLabels: {
                      enabled: false,
                      style: {
                          fontWeight: 'bold',
                          color: (Highcharts.theme &amp;&amp; Highcharts.theme.textColor) || 'gray'
                      }
                  }
              },
              legend: {
                  align: 'right',
                  x: -30,
                  verticalAlign: 'top',
                  y: 25,
                  floating: true,
                  backgroundColor: (Highcharts.theme &amp;&amp; Highcharts.theme.background2) || 'white',
                  borderColor: '#CCC',
                  borderWidth: 1,
                  shadow: false,
                  itemStyle: {
                      fontSize: '12px',
                      font: '12pt',
                  }
              },
              tooltip: {
                  headerFormat: '&lt;b&gt;{point.x}&lt;/b&gt;&lt;br/&gt;',
                  pointFormat: '{series.name}: {point.y}&lt;br/&gt;Total: {point.stackTotal}'
              },
              plotOptions: {
                  column: {
                      stacking: 'normal',
                      dataLabels: {
                          enabled: false,
                          color: (Highcharts.theme &amp;&amp; Highcharts.theme.dataLabelsColor) || 'white'
                      }
                  }
              },
              series: [{
                  name: 'Queued',
                  data: JSON.parse("[" + QueuedMPCount + "]")
              }, {
                  name: 'Polled',
                  data: JSON.parse("[" + PolledMPCount + "]")
              }]
          });
  </code></pre>