东京热成人网站_XX另类XX伦理XXAV_亚洲精品无码成人AAA片_高清av中文字幕无码_手机看片国产欧美日韩高清_bd美妙第进化型

咨詢電話：
15628812133
02
2018/07

echarts圖表使用教程

發(fā)布時(shí)間：2018-07-02 16:10:19
發(fā)布者：liyongxing
瀏覽量:
0

最近項(xiàng)目中用到了圖表功能,然后通過(guò)百度就接觸到了echarts.

簡(jiǎn)單研究了一下就可以用了,其實(shí)很簡(jiǎn)單,下面我就來(lái)給大家介紹一下echarts的用法


官方提供了各種各樣的,demo

 

從官網(wǎng)下載界面選擇你需要的版本下載，根據(jù)開(kāi)發(fā)者功能和體積上的需求，我們提供了不同打包的下載，如果你在體積上沒(méi)有要求，可以直接下載完整版本。開(kāi)發(fā)環(huán)境建議下載源代碼版本，包含了常見(jiàn)的錯(cuò)誤提示和警告。


下載完成后只要引入js就可以了

   


然后初始化圖表就可以啦



    
    ECharts
    
    
    
    
             // 基于準(zhǔn)備好的dom，初始化echarts實(shí)例         var myChart = echarts.init(document.getElementById('main'));         // 指定圖表的配置項(xiàng)和數(shù)據(jù)         var option = {             title: {                 text: 'ECharts 入門示例'             },             tooltip: {},             legend: {                 data:['銷量']             },             xAxis: {                 data: ["襯衫","羊毛衫","雪紡衫","褲子","高跟鞋","襪子"]             },             yAxis: {},             series: [{                 name: '銷量',                 type: 'bar',                 data: [5, 20, 36, 10, 10, 20]             }]         };         // 使用剛指定的配置項(xiàng)和數(shù)據(jù)顯示圖表。         myChart.setOption(option);     

 

這樣就可以顯示圖表了


tubiao.png


趕快試一下吧

關(guān)鍵詞:
返回列表
相關(guān)文章
相關(guān)案例
濟(jì)南網(wǎng)絡(luò)公司聯(lián)系我們
聯(lián)系我們
CONTACT US
公司電話：0531-68961230 QQ:1828686598
公司地址：濟(jì)南市天橋區(qū)中凡魯鼎廣場(chǎng)A座20樓2009
高新技術(shù)企業(yè)編號(hào)：GR202437006411
科技中小企業(yè)編號(hào)：2024370105A8014257
關(guān)注我們濟(jì)南網(wǎng)絡(luò)公司
關(guān)注我們
FOCUS ON US
咨詢電話濟(jì)南網(wǎng)絡(luò)公司
咨詢電話：
15628812133
濟(jì)南網(wǎng)絡(luò)公司 濟(jì)南網(wǎng)絡(luò)公司 濟(jì)南網(wǎng)絡(luò)公司
山東文匯信息服務(wù)有限公司版權(quán)所有 濟(jì)南軟件開(kāi)發(fā) 魯ICP備14002804號(hào)-1 公安備案號(hào) 37010502000882