折線圖在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();
};
})
在電腦上是正常的 在安卓也是正常的
但是在iosx軸沒有了,
請問這個(gè)是什么問題呢? 在線等 !!
北大青鳥APTECH成立于1999年。依托北京大學(xué)優(yōu)質(zhì)雄厚的教育資源和背景,秉承“教育改變生活”的發(fā)展理念,致力于培養(yǎng)中國IT技能型緊缺人才,是大數(shù)據(jù)專業(yè)的國家
達(dá)內(nèi)教育集團(tuán)成立于2002年,是一家由留學(xué)海歸創(chuàng)辦的高端職業(yè)教育培訓(xùn)機(jī)構(gòu),是中國一站式人才培養(yǎng)平臺、一站式人才輸送平臺。2014年4月3日在美國成功上市,融資1
北大課工場是北京大學(xué)校辦產(chǎn)業(yè)為響應(yīng)國家深化產(chǎn)教融合/校企合作的政策,積極推進(jìn)“中國制造2025”,實(shí)現(xiàn)中華民族偉大復(fù)興的升級產(chǎn)業(yè)鏈。利用北京大學(xué)優(yōu)質(zhì)教育資源及背
博為峰,中國職業(yè)人才培訓(xùn)領(lǐng)域的先行者
曾工作于聯(lián)想擔(dān)任系統(tǒng)開發(fā)工程師,曾在博彥科技股份有限公司擔(dān)任項(xiàng)目經(jīng)理從事移動互聯(lián)網(wǎng)管理及研發(fā)工作,曾創(chuàng)辦藍(lán)懿科技有限責(zé)任公司從事總經(jīng)理職務(wù)負(fù)責(zé)iOS教學(xué)及管理工作。
浪潮集團(tuán)項(xiàng)目經(jīng)理。精通Java與.NET 技術(shù), 熟練的跨平臺面向?qū)ο箝_發(fā)經(jīng)驗(yàn),技術(shù)功底深厚。 授課風(fēng)格 授課風(fēng)格清新自然、條理清晰、主次分明、重點(diǎn)難點(diǎn)突出、引人入勝。
精通HTML5和CSS3;Javascript及主流js庫,具有快速界面開發(fā)的能力,對瀏覽器兼容性、前端性能優(yōu)化等有深入理解。精通網(wǎng)頁制作和網(wǎng)頁游戲開發(fā)。
具有10 年的Java 企業(yè)應(yīng)用開發(fā)經(jīng)驗(yàn)。曾經(jīng)歷任德國Software AG 技術(shù)顧問,美國Dachieve 系統(tǒng)架構(gòu)師,美國AngelEngineers Inc. 系統(tǒng)架構(gòu)師。