option = {
xAxis: [{
type: 'time',
splitNumber:13,
boundaryGap: false,
// interval: 2*3600*1000,
axisLine: {
show: false,
color: 'rgb(141, 149, 160)'
},
splitLine: {
lineStyle: {
type: 'dotted'
}
},
axisLabel: {
// verticalAlign:'bottom',
showMaxLabel: true,
showMinLabel: false,
align: 'right',
verticalAlign: 'top',
padding: 4,
formatter: function(value, index) {
var date = new Date(value);
// let y = date.getFullYear(),
// m = date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1,
// d = date.getDate() < 10 ? '0' + date.getDate() : date.getDate();
return date.getMonth()+1 + '月';
},
color: 'rgb(141, 149, 160)'
// align:'left'
}
}
],
yAxis: [{
type: 'value',
min: 80,
max: 200,
position: 'right',
axisLine: {
onZero: false,
lineStyle: {
color: 'rgb(141, 149, 160)'
}
},
axisLabel: {
// inside:true
}
},
{
type: 'value',
min: 80,
max: 200,
axisTick: {
show: false
},
axisLine: {
onZero: false,
lineStyle: {
color: 'rgb(141, 149, 160)'
}
},
axisLabel: {
show: false
},
splitLine: {
show: false
}
}
],
series: [{
name: '收縮壓',
type: 'line',
smooth: false,
animation: false,
data: [{
value: ['2020-01-01 00:00:00', '', '毫米汞柱']
}, {
value: ['2020-02-01 00:00:00', '', '毫米汞柱']
}, {
value: ['2020-03-01 00:00:00', '', '毫米汞柱']
}, {
value: ['2020-04-04 02:00:00', '11', '毫米汞柱']
}, {
value: ['2020-05-01 00:00:00', '', '毫米汞柱']
}, {
value: ['2020-06-01 00:00:00', '', '毫米汞柱']
}, {
value: ['2020-07-01 00:00:00', '12', '毫米汞柱']
}, {
value: ['2020-08-01 00:00:00', '', '毫米汞柱']
}, {
value: ['2020-09-01 00:00:00', '', '毫米汞柱']
}, {
value: ['2020-10-01 00:00:00', '', '毫米汞柱']
}, {
value: ['2020-11-01 00:00:00', '', '毫米汞柱']
}, {
value: ['2020-12-01 00:00:00', '', '毫米汞柱']
}],
connectNulls: true
}],
dataZoom: [{
type: 'inside',
yAxisIndex: 0,
startValue: 80,
endValue: 150,
filterMode: 'none',
showDetail: false,
zoomLock: false, //控制只能平移，不能縮放
preventDefaultMouseMove: false,
zoomOnMouseWheel: false
}],
grid: {
top: '70',
bottom: '30',
left: '5%'
}
};
代碼如上，顯示中缺少了4月份。還不清楚什么原因，希望有人幫忙解決一下
uj5u.com熱心網友回復：
是不是太擠了 沒顯示出來
uj5u.com熱心網友回復：
把日期提取出來用類目軸顯示uj5u.com熱心網友回復：
不是太擠了，我找到大概的原因的，是因為這里系統默認的間隔是30天，按月份也是30天，我現在把間隔調整到31天是可以顯示出來，但如果填寫4月1號的資料的話就不在線上。現在還沒找到好的方法
uj5u.com熱心網友回復：
把你的type 型別不要用time，換成category，然后自定義橫軸的標簽不就好了，沒必要死磕timeuj5u.com熱心網友回復：
需求是還要展示一個月內不同時間點的值，也就是說在一個月內也要有曲線。怎么讓category里也顯示曲線呢，而不在一個點呢？
uj5u.com熱心網友回復：
https://www.echartsjs.com/examples/zh/editor.html?c=bar-large
你可以看看這個例子 也許對你有幫助
uj5u.com熱心網友回復：
還有這個例子，你可以參考一下https://www.echartsjs.com/examples/zh/editor.html?c=bar-label-rotation
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/70133.html
標籤：JavaScript
上一篇：服務器搭的是lnmp，ios端一訪問api介面，服務器就蹦，但是服務器的nginx行程還在，請大神來幫忙~~~！！！