今天就跟大家聊聊有關(guān)canvasJS在PHP中如何制作動(dòng)態(tài)圖表,可能很多人都不太了解,為了讓大家更加了解,小編給大家總結(jié)了以下內(nèi)容,希望大家根據(jù)這篇文章可以有所收獲。
創(chuàng)新互聯(lián)公司專注于企業(yè)營銷型網(wǎng)站、網(wǎng)站重做改版、??h網(wǎng)站定制設(shè)計(jì)、自適應(yīng)品牌網(wǎng)站建設(shè)、H5響應(yīng)式網(wǎng)站、商城網(wǎng)站開發(fā)、集團(tuán)公司官網(wǎng)建設(shè)、成都外貿(mào)網(wǎng)站建設(shè)、高端網(wǎng)站制作、響應(yīng)式網(wǎng)頁設(shè)計(jì)等建站業(yè)務(wù),價(jià)格優(yōu)惠性價(jià)比高,為??h等各大城市提供網(wǎng)站開發(fā)制作服務(wù)。
CanvasJS
是一個(gè)JavaScript庫,用于輕松為網(wǎng)頁創(chuàng)建其他類型的圖表。例如條形圖,餅圖,柱形圖,面積圖,折線圖等。
讓我們以需要?jiǎng)?chuàng)建一個(gè)圖表的示例為例,在該圖表中我們可以顯示每月銷售和購買的產(chǎn)品。我們將考慮兩個(gè)數(shù)組,我們也可以從數(shù)據(jù)庫中考慮它們。一旦我們從數(shù)據(jù)庫中獲取數(shù)據(jù)并將其存儲(chǔ)在數(shù)組中,它就可以使用canvasJS輕松繪制動(dòng)態(tài)圖形。
創(chuàng)建一個(gè)文件并將其保存在項(xiàng)目文件夾中。文件名chart_sample.php
包含數(shù)組形式的數(shù)據(jù),其中第一個(gè)數(shù)組代表購買的產(chǎn)品,第二個(gè)數(shù)組代表sols產(chǎn)品列表。現(xiàn)在,使用canvasJS繪制圖形。
例如:
"Jan", "y"=> $purchased[0]), array("label"=> "Feb", "y"=> $purchased[1]), array("label"=> "March", "y"=> $purchased[2]), array("label"=> "April", "y"=> $purchased[3]), array("label"=> "May", "y"=> $purchased[4]), array("label"=> "Jun", "y"=> $purchased[5]), array("label"=> "July", "y"=> $purchased[6]), array("label"=> "Aug", "y"=> $purchased[7]), array("label"=> "Sep", "y"=> $purchased[8]), array("label"=> "Oct", "y"=> $purchased[9]), array("label"=> "Nov", "y"=> $purchased[10]), array("label"=> "Dec", "y"=> $purchased[11]) ); // Data to draw graph for sold products $dataPoints2 = array( array("label"=> "Jan", "y"=> $sold[0]), array("label"=> "Feb", "y"=> $sold[1]), array("label"=> "March", "y"=> $sold[2]), array("label"=> "April", "y"=> $sold[3]), array("label"=> "May", "y"=> $sold[4]), array("label"=> "Jun", "y"=> $sold[5]), array("label"=> "July", "y"=> $sold[6]), array("label"=> "Aug", "y"=> $sold[7]), array("label"=> "Sep", "y"=> $sold[8]), array("label"=> "Oct", "y"=> $sold[9]), array("label"=> "Nov", "y"=> $sold[10]), array("label"=> "Dec", "y"=> $sold[11]) ); ?>
看完上述內(nèi)容,你們對(duì)canvasJS在PHP中如何制作動(dòng)態(tài)圖表有進(jìn)一步的了解嗎?如果還想了解更多知識(shí)或者相關(guān)內(nèi)容,請(qǐng)關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,感謝大家的支持。