jquery初學者
查了很多帖子,jqchart插件做折線圖時,處理返回數據時全都是eval,但我怎么也弄不出來,后來發現:
1、根本不需要eval處理,直接截取字符串即可(返回值要拼接好);
2、處理好的字符串放進series的data里要加上[];
下面是代碼:
html頁面<body>標簽里面只放了一個<div id="jqChart" style="width: 500px; height: 300px;"></div>;
<script>里面
<script type="text/javascript" src="jquery.1.8.2.js"></script><script type="text/Javascript" src="jquery-jqChart-min.js"></script><script type="text/javascript">$(function () { $.get("tgAjax.php",function(data){ var dom = data.substring(0,data.length-1);//主要是對返回數據的處理,后面很明顯多了一個"," //var dom = eval('(' + dom + ')'); //alert( dom); $('#jqChart').jqChart({ title: { text: '線形圖示例' }, axes: [ { location: 'left', minimum: 1, maximum: 10, interval: 1, } ], series: [ { type: 'line', title:'上海', markers: null,//拐點不用圓點標示 strokeStyle: 'blue' , data: [['json', 1], ['per', 9], ['perter', 3]] }, { type: 'line',//line,Column title:'北京', strokeStyle: 'red' , data:[dom] }, ] }); });});
</script>
后臺處理頁面我就用簡單的php弄了,別的也不會
<?phpinclude ("configaz.php"); //數據庫連接在另一個文件內,這里就不弄了 $sql="select sid,sname,sPRice,count(sprice) as pricenum from shangpin group by sname"; $query=MySQL_query($sql); $row=mysql_fetch_array($query); while($row=mysql_fetch_array($query)){ $pricenum=$row['pricenum']; $sname=$row['sname']; } echo $str .= "['".$sname."',".$pricenum."],";//拼接字符串,按照jqChart要求的字符串格式,當然用數組更好,可惜不怎么會
肯定還有更好的方法 只是我剛開始學,慢慢摸索
新聞熱點
疑難解答