option: {
title: {
left: "center",
show: true,
fontWeight: "normal",
textStyle: {
//主标题文本样式
fontSize: 18,
color: "#19233C",
fontWeight: 400
}
},
tooltip: {
trigger: "axis"
},
legend: {
show: false
},
color: ["#5E9DF3"], //手动设置每个图例的颜色
grid: {
left: "3%",
right: "4%",
bottom: "3%",
containLabel: true
},
xAxis: {
axisLine: {
// x轴的颜色和宽度
lineStyle: {
color: "#E5E9F2",
width: 2
}
},
boundaryGap: true, // 从0开始
data: [],
type: "category",
axisLabel: {
show: true,
formatter: function(params) {
let newParamsName = "";
let paramsNameNumber = params.length;
let provideNumber = 9; //一行显示几个字
let rowNumber = Math.ceil(paramsNameNumber / provideNumber);
if (paramsNameNumber > provideNumber) {
for (let p = 0; p < rowNumber; p++) {
let tempStr = "";
let start = p * provideNumber;
let end = start + provideNumber;
if (p == rowNumber - 1) {
tempStr = params.substring(start, paramsNameNumber);
} else {
tempStr = params.substring(start, end) + "\n";
}
newParamsName += tempStr;
}
} else {
newParamsName = params;
}
return newParamsName;
}
}
},
yAxis: {
axisLine: {
// y轴的颜色和宽度
lineStyle: {
color: "#E5E9F2",
width: 2
}
},
splitLine: {
// 分割线样式以及是否显示
show: true,
lineStyle: {
color: "#E5E9F2",
width: 1
}
},
type: "value"
},
series: [
{
symbol: "none", // 去掉折点
type: "line",
stack: "总量",
itemStyle: {
normal: {
lineStyle: {
color: "#5E9DF3" // 折线样式
}
}
}
}
]
}
echarts3的常用属性
最新推荐文章于 2024-08-15 11:15:30 发布