Javascript 如何使用堆栈区域高图表使用动态值？

这是我获取数据的代码

var compdata = new Array();
compdata = '<?php echo $compdata; ?>'; 
compdata = JSON.parse(compdata);
var dlen    = compdata.length;
var cmname  = new Array();
var cmdate  = new Array();
var crank   = [];
var mktshare = new Array();
i=0;
for(var key in compdata ){
    cmname[i]  = compdata[key].MFG_NAME;
    cmdate[i]  =  months.name(new Date(compdata[key].CAL_WID).getMonth())+'-'+new Date(compdata[key].CAL_WID).getFullYear(); 
    mktshare[i]  = parseFloat(compdata[key].MKT_SHARE);
i++;
}
alert(cmname); alert(cmdate); alert(mktshare);

我需要显示这些值并在图表中显示http://www.highcharts.com/demo/area-stacked.

这是js-fiidle链接

x轴必须是cmdate，y轴必须是mktshare，在亚洲、非洲、欧洲等国家，我必须显示cmname，即nova、apc、msd、rbc

问题是，我无法理解根据我在代码开头提到的得到的输出，在哪里给出x轴、Y轴和cmname值

---

提前感谢

最好是在类似JSON的序列数组中使用点/名称准备正确的结构，而不是使用解析器。

nova, apc, msd, rbc // for cmname
mar-2013, apr-2013, aug-2013, oct-2013 // for cmdate
1,2,5,7 // for mktshare