国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

使用EVAL處理jqchart jquery 折線圖返回?cái)?shù)據(jù)無效的解決辦法

2019-11-20 11:09:38
字體:
供稿:網(wǎng)友

eval函數(shù)可以把一些處理過程序代碼進(jìn)行解析從而達(dá)到可以執(zhí)行的一個(gè)狀態(tài),查了很多帖子,jqchart插件做折線圖時(shí),處理返回?cái)?shù)據(jù)時(shí)全都是eval,但我怎么也弄不出來,后來發(fā)現(xiàn):

1、根本不需要eval處理,直接截取字符串即可(返回值要拼接好);

2、處理好的字符串放進(jìn)series的data里要加上[];

下面是代碼:

html頁面<body>標(biāo)簽里面只放了一個(gè)<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);//主要是對返回?cái)?shù)據(jù)的處理,后面很明顯多了一個(gè)","  //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,//拐點(diǎn)不用圓點(diǎn)標(biāo)示     strokeStyle: 'blue' ,     data: [['json', 1], ['per', 9], ['perter', 3]]   },   {    type: 'line',//line,Column    title:'北京',    strokeStyle: 'red' ,     data:[dom]   },   ]  }); });});</script>

后臺處理頁面我就用簡單的php弄了,別的也不會

<?phpinclude ("configaz.php"); //數(shù)據(jù)庫連接在另一個(gè)文件內(nèi),這里就不弄了 $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要求的字符串格式,當(dāng)然用數(shù)組更好,可惜不怎么會

肯定還有更好的方法 只是我剛開始學(xué),慢慢摸索

相信解決辦法不止以上所述,肯定還有更好的解決辦法,歡迎大家共同學(xué)習(xí)進(jìn)步。

ps:ajax讀取數(shù)據(jù),使用jqchart顯示圖表

最近項(xiàng)目中需要顯示出圖表效果,原來收集到的圖表插件終于有用武之地了。

但是和jqchart對比,還是有很多不同之處的。

實(shí)現(xiàn)效果:

我就對jqchart進(jìn)行了重新編寫。

首先要解決的是不顯示x軸和y軸:

//各DIV作成      // 取消標(biāo)題顯示      /*      this.titleBox//Title       =this.mkBoxElement('T',        this.op.titleLeft,this.op.titleTop       ).appendTo(this.jQcanvasBox)       .css('width',this.op.width-this.op.titleLeft)//fix for safari3 2007.12.4       .get(0);      */      // 取消y軸數(shù)字顯示      /*      this.scaleYBox//Y

主站蜘蛛池模板:
郧西县|
灵璧县|
信丰县|
深泽县|
临城县|
新建县|
铜川市|
崇信县|
涟水县|
枝江市|
疏附县|
正定县|
西充县|
东阳市|
新平|
遵义市|
华坪县|
沂南县|
香港|
娄烦县|
天气|
嘉祥县|
中超|
同仁县|
皮山县|
凤山市|
平乡县|
元朗区|
嵩明县|
南充市|
上犹县|
金溪县|
朝阳区|
安顺市|
如皋市|
金秀|
榆林市|
阿拉善盟|
卫辉市|
太和县|
馆陶县|