我在我的项目中有morris图，我希望通过使用mysql数据动态显示morris图中的显示顺序？

i have moris graph in project html code below.

<div class="panel-body">
<div class="chart">
    <div class="chart-tittle"> <span>Listings &amp; Orders Timeline by Month</span> </div>
    <div class="panel-body" id="morris">
        <div id="hero-area" class="graph"></div>
    </div>
</div>

And jquery code

 var Script = function () {
      $(function () {
          Morris.Area( {
              element: 'hero-area', data: [ {
                  period: "2016-01", order: 647, listing: 700
              }
              ,
              {
                  period: "2016-02", order: 247, listing: 500
              }
              ,
              {
                  period: "2016-03", order: 347, listing: 790
              }
              ,
              {
                  period: "2016-04", order: 467, listing: 800
              }
              ,
              {
                  period: "2016-05", order: 1047, listing: 2000
              }
              ],
              xkey: 'period',
              ykeys: ['order',
              'listing'],
              labels: ['ORDER',
              'LISTING'],
              hideHover: 'auto',
              lineWidth: 1,
              pointSize: 5,
              lineColors: ['#4a8bc2',
              '#ff6c60',
              '#a9d86e'],
              fillOpacity: 0.5,
              smooth: true
          }
          );
      }
      );
  }
  ();

i set static data in jquery i want all dynamically so how the set data dynamically in jquery. i want to show my orders and listing in morris table and also five month data.