一：關於title與legend重疊
1.重合樣子
2.解決辦法：
legend:{
show: true,
top:"6%"，//與上方的距離 可百分比% 可像素px
},
3.解決后樣子：
二：關於dataZoom數據區域縮放組件寬高調整
1.原來樣子：
2.解決辦法：
dataZoom: [
{
height:"15px",//高度設置，另外還有寬度
width:"100%",
}]
3.調整后：
三：關於顯示數據到柱狀圖
1.顯示前：
2.解決方法：
series : [
{
name: yTitle[i],
type:echartsType[i],
itemStyle:{
normal:{
label: {
show: true,//是否在圖上展示數據
// position:'top',//數據在柱狀圖頂部顯示
textStyle:{
color:'#000000' //數據顏色
},
formatter: '{c}' //顯示百分比
}
},
}],
3.顯示后
四：關於y軸值太大，在移動端被遮擋而顯示不全。
1.遮擋樣子：
2.解決辦法：
yAxis : [{
type : 'value',
axisTick: {
inside: true
},
scale: true,
axisLabel: {
margin: 2,
formatter: function (value, index) { //主要調整部分
if (value >= 10000 && value < 10000000) {
value = value / 10000 + "萬";
} else if (value >= 10000000) {
value = value / 10000000 + "千萬";
}
return value;
}
},
"splitLine": {//網格線 默認true
"show": true
}
}],
3.解決后：
4.相關知識點
yAxis.axisLabel.margin：刻度標簽與軸線之間的距離。默認值是8，可以改小一點。不過本來的值已經很小了，這個沒多大作用。
yAxis.axisLabel.formatter：刻度標簽的內容格式器，支持字符串模板和回調函數兩種形式。比如可以設置太長了換行之類的。
grid.left：grid 組件離容器左側的距離。默認值是10%。grid.right是距離右側的距離,grid.top距離頂部的距離.grid.bottom距離底部的距離。
五：關於柱狀圖hover陰影顯示與否
1.顯示效果
2.相關知識點
xAxis: [
{
name:"小時",
type: 'category',
data: newXtitle,
// axisPointer: {
// type: 'shadow' //顯示柱狀圖陰影 注釋掉之后就不顯示陰影 默認是直線指示器line
//}
}
],
3.不顯示陰影之后
4.相關知識點
六：關於鼠標懸停提示框超出圖表范圍
1.超出范圍
2.解決辦法
tooltip : {
confine: true
},
3.解決后
4.相關知識點
默認：[ default: false ]
是否將 tooltip 框限制在圖表的區域內。
當圖表外層的 dom 被設置為 'overflow: hidden'，或者移動端窄屏，導致 tooltip 超出外界被截斷時，此配置比較有用。
七: 關於x軸標簽顯示問題
1.顯示所有標簽
2.相關知識點
xAxis: {
axisLabel: {
interval:0, //強制顯示X軸所有標簽 設置為1則 隔一個標簽,顯示一個標簽
rotate: 40, //文字傾斜角度
}
}
3.隔個顯示
八: 關於X軸刻度線和標簽對齊
1.相關知識點
xAxis: {
type: 'category',
axisTick:{
alignWithLabel:true,//type為category的時候有效，刻度線和標簽對齊，默認為false
},
},
3.顯示效果
九: 關於鼠標懸浮之后指示器的顏色
1.相關知識點：
tooltip : {
trigger: 'axis',
axisPointer : { // 坐標軸指示器，坐標軸觸發有效
type : 'line', // 默認為直線，可選為：'line' | 'shadow'
lineStyle:{
color:"red"
}
}
},
2.顯示效果：
十: 關於圖表x軸Y軸線條顏色修改
1.相關知識點：
yAxis/xAxis : {
axisLine:{
lineStyle:{color:"#ddd",width:1}，//顏色和軸寬度設置
}
},
2.顯示效果：
十一: 關於
1.相關知識點：
2.顯示效果：
PS：都是一些小細節方面的東西，以后再遇到了就繼續來添加。