在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ echarts折線圖在ios上不顯示x軸,在安卓上顯示,圖都能繪出來,為什么x軸

echarts折線圖在ios上不顯示x軸,在安卓上顯示,圖都能繪出來,為什么x軸沒有呢?

折線圖在ios上不顯示x軸,在安卓上顯示,圖都能繪出來,為什么x軸沒有呢?用的是echarts

var optionFH = {

    axisLine: {
        show: false
    },
    // 控制網(wǎng)格線是否顯示
    
    splitLine: {
        show: true,
    },
    // 去除y軸上的刻度線
    axisTick: {
        show: false
    },

    tooltip: {
        trigger: 'axis',
        // formatter:function(params){
        //  console.log(params)
        // }
    },

    color: ["#02aac2", "#f19f00"], //設(shè)置圖例的顏色必須用數(shù)組格式

    legend: {
        orient: 'horizontal',
        right: 25,
        top: 20,//
        data: ['數(shù)據(jù)加載中...'],
        itemWidth: 22, //圖例寬度圓點(diǎn)
        itemHeight: 15,
        background: "#149f79",
         textStyle:{
                color:["#02aac2","#f19f00"],//圖例開啟時(shí)的顏色。
                fontSize:13,//圖標(biāo)上方點(diǎn)擊按鈕的文字大小
            }
        
    },
    calculable: true,
    xAxis: {
        type: 'category',
        boundaryGap: false,
        splitLine: { //給x軸添加分割線
            show: true,
            lineStyle: {
                color: '#35363B',
                width: 1
            }
        },
        axisLabel: {
             show: true,
          interval: 'auto',
             textStyle: {
                color: 'white'//字體顏色
            }
                //interval: Int //縱坐標(biāo)的數(shù)據(jù)全部顯示 
        },
                axisLine:{
                 show: true,
                        lineStyle: {
                        color: 'white'//x軸的顏色
                    }
                },
        axisTick: {
            show: false //是否顯示坐標(biāo)軸的刻度
        },
        data: [0]
            //data: arrOne_FH
    },
    grid: { // 控制圖的大小,調(diào)整下面這些值就可以,
        x: 50,
        top:45,
        // x2: 100,
        y2: 80,// y2可以控制 X軸跟Zoom控件之間的間隔,避免以為傾斜后造成 label重疊到zoom上
    },
    yAxis: {
        type: 'value',

        splitLine: { //給x軸添加分割線
            show: true,
            lineStyle: {
                color: '#35363B',//里面線的顏色
                width: 1
            }
        },
        // name: "標(biāo)單(元/噸)",
        nameTextStyle: {
            fontSize: 15,
            color: '#a9a9a9'
        },
        axisLabel: {
            show: true,
            interval: 'auto',
            inside: false,
            // rotate: 90,
            // margin: 8,
            formatter: null,
        },
        nameLocation: "end", //坐標(biāo)軸名字的位置
        // nameRotate:90,
        axisLabel: { //坐標(biāo)軸字體的顏色
            show: true,
            textStyle: {
                color: 'white'//字體顏色
            }
        },
        axisLine: { //是否顯示y軸
            show: true,
            lineStyle: {
                color: 'white'//y軸的顏色
            }
        },
        axisTick: {
            show: false //是否顯示坐標(biāo)軸的刻度
        },
    },
    series: [{
        name: '數(shù)據(jù)加載中...', //1號負(fù)荷
        type: 'line',
        symbol: 'none', //去除折線點(diǎn)
        yAxisIndex: 0,
        data: 0,
                     connectNulls: true,//值為null的時(shí)候連線
        itemStyle: {
            normal: {           //折線點(diǎn)的顏色,
                color: function(params) {
                    var colorList = ["yellow"];
                    return colorList[params.dataIndex];
                }
            },
        },
        itemStyle: { //跟折線添加顏色
            normal: {
                lineStyle: {
                    color: "#02aac2"
                }
            },
        },
    },
    {
        name: '數(shù)據(jù)加載中...', //1號負(fù)荷
        type: 'line',
        symbol: 'none', //去除折線點(diǎn)
        yAxisIndex: 0,
        data: 0,
         connectNulls: true,//值為null的時(shí)候連線
        itemStyle: {
            normal: {           //折線點(diǎn)的顏色,
                color: function(params) {
                    var colorList = ["yellow"];
                    return colorList[params.dataIndex];
                }
            },
        },
        itemStyle: { //跟折線添加顏色
            normal: {
                lineStyle: {
                    color: "#f19f00"
                }
            },
        },
    }
    ]
};
myChart.setOption(optionFH);
                    

這是獲取數(shù)據(jù)的

 let myData;
             //剛?cè)氲那€
             //原先三條曲線
                 axios.get(`xxxxxxxxx`)
    .then(function(response) {
        //數(shù)據(jù)    success
           myData = response.data.data;
                  var maxtime = "0000-00-00 00:00:00";//每天時(shí)間最大的值
                      var mintime = "0000-00-00 00:00:00";//每天時(shí)間最小的值
                      let arrall = [];
                      
                      
                      arrall.push(zhizhizhi);
                      arrall.push(myData);
                      
                 console.log(arrall);
                              for(var i=0;i<arrall.length;i++){
                                        arrall[i].map(function(item,key){
                                              if (item.RECORD_TIME > maxtime){
                                            maxtime = item.RECORD_TIME;//哈密最多
                                                      }
                                              if (item.RECORD_TIME < maxtime){
                                            mintime = item.RECORD_TIME;
                                                      }
                                        })        
                                    }
                          //只拿到 時(shí) 分 秒
                            let nowDate = new Date();
             const year = nowDate.getFullYear();
             const month = nowDate.getMonth() + 1 < 10 ? '0' + (nowDate.getMonth() + 1):nowDate.getMonth() + 1;
             const day = nowDate.getDate() < 10 ? '0' + nowDate.getDate() : nowDate.getDate();
             
             
                            var minZhi = Date.parse(year+'-'+month+'-'+day+" 00:00:00");
                            var maxZhi = Date.parse(maxtime);
                            console.log(year+'-'+month+'-'+day+" 00:00:00");
                          console.log(maxtime);

                                
                                var Minute = Number(Math.round((maxZhi - minZhi) / 60 / 1000));//之間相隔了多少分
                                console.log(Minute);
     
        // 設(shè)置interval值
        var Int = "";
        Int = Math.floor(Minute / 6);
                    var arrOne_FH = [];
        var arrOne_FH_val = [];
        var arrOne_FH_val_plan = [];
        var arrTwo_FH_val = [];
        var arrOne_AGC_val = [];
        var arrTwo_AGC_val = [];
        var arrOne_GRL_val = [];
        var arrTwo_GRL_val = [];
        // 獲取時(shí)間戳
        
                    var loadAll=[];    //總負(fù)荷
                    var loadRateAll=[];    //調(diào)度計(jì)劃
                    
                    let hours = 0;
                    let minutes = 0;
                    var resv = [];//x軸刻度值
                    for(var i=0;i<Minute;i++){
                        //初始化
                        loadAll[i]="--";
                        loadRateAll[i]="--";
                        
                        //x軸刻度值
                        if(minutes>=60){
                            hours+=1;
                            minutes=0;
                        }
                        resv[i]=(hours<10?'0'+hours : hours)+":"+(minutes<10?'0'+minutes : minutes);
                        minutes+=1;
                    }

                    //總負(fù)荷
        for (var i in myData) {        
                var minute_num=Number(myData[i].RECORD_TIME.slice(11, 13))*60+Number(myData[i].RECORD_TIME.slice(14, 16));
            var FHOne_val = (Number(myData[i].ITEM_VALUE)/10).toFixed(2);              
            loadAll[minute_num]=FHOne_val;
        }

            // 調(diào)度計(jì)劃
        for (var i in zhizhizhi) {        
                var minute_num=Number(zhizhizhi[i].RECORD_TIME.slice(11, 13))*60+Number(zhizhizhi[i].RECORD_TIME.slice(14, 16));
            var FHOne_val = (Number(zhizhizhi[i].ITEM_VALUE)/10).toFixed(2);              
            loadRateAll[minute_num]=FHOne_val;
        }
                
                    optionFH.legend.data = [wenzi];        
          optionFH.xAxis.axisLabel.interval = Int;
          optionFH.xAxis.data = resv;  
          
        optionFH.series[0].name = wenzi;                
        optionFH.series[0].data = loadAll;
        if(responseZhi=="SY-FH-01"){
                        optionFH.legend.data = [wenzi,"調(diào)度計(jì)劃"];
                        optionFH.series[1].name = "調(diào)度計(jì)劃";
               optionFH.series[1].data = loadRateAll;
                    }
      
        if (optionFH.series[0].data.length == 0) {
            optionFH.yAxis.min = "0";
            optionFH.yAxis.max = "5";
        }
        myChart.setOption(optionFH, true);
           window.onresize = function () {
                    //重置容器高寬
                   myChart.resize();
                };
            })
                

在電腦上是正常的 在安卓也是正常的

clipboard.png

但是在iosx軸沒有了,

clipboard.png

請問這個(gè)是什么問題呢? 在線等 !!

回答
編輯回答
怪痞

已解決,核心就是 Date.parse();
Date.parse() 是有兼容性問題的,我時(shí)間的格式為 2018-07-05 12:14:56
但是有的瀏覽器解析不了這種格式的 只要把時(shí)間的格式改為 2018/07/05 12:14:56
就可以了
let maxtimezhi=maxtime.replace(/-/g,"/");//2018/07/05 12:14:56
然后就可以運(yùn)行了

clipboard.png

2018年7月16日 21:42