色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

echarts php 賦值

宋博文1年前5瀏覽0評論
在web開發(fā)中,數(shù)據(jù)可視化是一個(gè)非常重要的環(huán)節(jié),如果能夠簡便的利用php生成圖表,將會(huì)大大提高開發(fā)效率。ECharts是一個(gè)非常優(yōu)秀的前端圖表庫,而使PHP和ECharts聯(lián)合也是非常可行的。本文將會(huì)通過演示給讀者展示php是如何使用ECharts的。 首先我們需要在HTML頁面中嵌入ECharts的CDN鏈接: ```

``` 接下來我們可以通過php定義一個(gè)data數(shù)組: ```

$data=[['name'=>'apple','value'=>50],['name'=>'banana','value'=>20],['name'=>'orange','value'=>10],['name'=>'peach','value'=>30],['name'=>'strawberry','value'=>40],['name'=>'watermelon','value'=>15]];

``` 接下來我們需要構(gòu)建圖表的參數(shù)。以餅圖為例: ```

$option=[ 'title'=>['text'=>'Fruit Sales'], 'tooltip'=>['trigger'=>'item','formatter'=>'{a}
: {c} (okeek0k%)'], 'legend'=>['orient'=>'vertical','left'=>'left','data'=>array_column($data,'name')],'series'=>[['name'=>'Fruit Sales','type'=>'pie','radius'=>['50%', '70%'],'avoidLabelOverlap'=>true, 'label'=>['show'=>false,'position'=>'center'], 'emphasis'=>['label'=>['show'=>true,'fontSize'=>'30','fontWeight'=>'bold','formatter'=>'\n{c} (2gk20am%)']], 'labelLine'=>['show'=>true],'data'=>$data]]];

``` 這里我們定義了標(biāo)題,提示框,圖例和圖表的數(shù)據(jù)。 最后,我們就可以將ECharts和php圖表組合起來: ```

``` 這里我們首先定義了一個(gè)容器,然后通過javascript的echarts.init方法初始化圖表。最后將php定義的圖表參數(shù)通過json_encode函數(shù)輸出到j(luò)avascript中的setOption方法里。 在實(shí)際生產(chǎn)環(huán)境中,我們可以將數(shù)據(jù)通過數(shù)據(jù)庫查詢、數(shù)據(jù)接口等方式傳遞給php頁面,再進(jìn)行數(shù)據(jù)處理和可視化。