日韩av免费一二三区-2021精品久久久久精品k8-亚洲红杏AV无码专区首页-99精品久久久久久水蜜桃

咨詢電話：
15628812133
02
2018/07

echarts圖表使用教程

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

最近項目中用到了圖表功能,然后通過百度就接觸到了echarts.

簡單研究了一下就可以用了,其實很簡單,下面我就來給大家介紹一下echarts的用法


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

 

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


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

   


然后初始化圖表就可以啦



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

 

這樣就可以顯示圖表了


tubiao.png


趕快試一下吧

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