沒有找到相應的x與y軸單位的設定方法

• 將生成好的html檔案放入到 assets目錄下，記得匯入相應的js庫，因為Echart的實現是有js實現的。可以去官網去下載相應的js庫
• 使用WebView載入我們生成的網頁
• 具體的操作方法如下

        WebSettings webSettings = wvHdZxchart.getSettings();
        webSettings.setAllowFileAccess(true);
        webSettings.setSupportZoom(true);
//      webSettings.setCacheMode(WebSettings.LOAD_NO_CACHE);
        // 開啟指令碼支援
        webSettings.setJavaScriptEnabled(true);
        wvHdZxchart.setBackgroundColor(0);
        
        wvHdZxchart.loadUrl("file:///android_asset/echart/zx_line.html");
        
        wvHdZxchart.setWebViewClient(new WebViewClient(){
            @Override
            public void onPageFinished(WebView view, String url) {
                view.loadUrl("javascript:createMpieChart();");
            }
        });
 

這樣，在Android客戶端就可以輕鬆實現各種PC圖表，也可以通過js物件，動態的切換圖表中相應的資料來源。

折線圖

var option = {
            title:{
                text:'ECharts 資料統計'
            },
            tooltip:{},
            legend:{
                data:['使用者來源']
            },
            
            xAxis:{
                data:["0","1","2","3","4","5","6","7","8","9","10","11","12","13","14","15","16","17","18","19","20","21","22","23"]
            },
            yAxis:{
            type: 'value',
            name: '℃',
            nameLocation: 'end',
            nameGap: 10,
                nameTextStyle: {
                    color: '#fff',
                    fontSize: 16
                }
            },
            series:[{
                name:'訪問量',
                type:'line',
                data:[30,5,36,10,30,5,36,10,5,36,10,30,50,50,36,10,30,50,50,30,10,30,50,50]
            }]
        };
 

環形的餅狀圖

show:false : 滑鼠懸浮上面不顯示相應的數值資訊
silent:true : 開啟滑鼠點選實事件，如果是空實現，沒有任何效果（反之遮蔽掉所有的相應的滑鼠滑過的事件，或者放大的效果等）
hoverAnimation:false ：滑鼠懸浮放大的效果展示

option = {
                tooltip: {
                    trigger: 'item',
                    show:false,
                    formatter: "{a} <br/>{b}: {c} ({d}%)"
                },
                
                
                    legend: {
                orient: 'vertical',
                selectedMode:true,
                x: 'left',
        data:['紅外測溫','Gis超聲波','Gis特高頻','開關櫃超聲波','開關櫃暫態地電壓']
         },
                
                series: [
                    {
                        name:'訪問來源',
                        type:'pie',
                        hoverAnimation:false,
                        radius: ['40%', '70%'],
                        center: ['50%', '30%'],
                        top:40,
                        avoidLabelOverlap: false,
                        selectedMode:false,
                        silent:true,
                        label: {
                           selectedMode:false,
                            normal: {
                                 show: true,
                                 position: 'inner',
                                 formatter: "{c}"
                            },
                            emphasis: {
                                show: false,
                                textStyle: {
                                    fontSize: '30',
                                    fontWeight: 'bold'
                                }
                            }
                        },
                        labelLine: {
                            normal: {
                                show: true
                            }
                        },
                        data:[
                            {value:335, name:'紅外測溫',textStyle:{color:'#ff00ff'}},
                            {value:310, name:'Gis超聲波',textStyle:{color:"#000000"}},
                            {value:234, name:'Gis特高頻',textStyle:{color:"#000000"}},
                            {value:135, name:'開關櫃超聲波',textStyle:{color:"#000000"}},
                            {value:1548, name:'開關櫃暫態地電壓',textStyle:{color:"#000000"}}
                        ]
                    }
                ],legend: {     
                    orient: 'vertical',
                    y: 'bottom',
                    itemGap:20,
                    size:'50',
                    textStyle:{color:"#ffffff", fontSize: '18'},
                    data:[ '紅外測溫','Gis超聲波','Gis特高頻','開關櫃超聲波','開關櫃暫態地電壓']
                }, label: {
                     normal: {
                     textStyle: {
                     color: '#ffffff'
                    }
                }
                 },
                 labelLine: {
                     normal: {
                         lineStyle: {
                        color: 'rgba(255, 255, 255, 0.3)'
                    },
                    smooth: 0.2,
                    length: 10,
                    length2: 20
                }
            },
            };