getSocial_Bottom_1() {
var myChart = document.getElementById(‘echarts’); //图标初始化
let echarts = echarts.init(myChart);
var option;
option = {
tooltip: {
trigger: ‘axis’, //一般折线图都用这个属性“坐标轴”
axisPointer: { //鼠标hover上去的点会高亮
lineStyle: {
color: ‘#1EE3F3’ //点的颜色
}
}
},
legend: {//图例属性
icon: ‘rect’,//图例的形状是矩形,还可选circle
itemWidth: 23, //每个图例的宽度
itemHeight: 16,//每个图例的高度
data: this.allLegendName,//图例的数据(后端数据在这里作修改名字)
x: ‘center’,
itemGap: 25,//图例的间距
textStyle: {
fontSize: 22,//图例字体大小
color: ‘#fff’ //图例字体的颜色
}
},
grid: {//网格属性
left: ‘3%’,
right: ‘4%’,
bottom: ‘3%’,
containLabel: true
},
xAxis: [{//x轴属性
type: ‘catego
echarts的多条折线图
最新推荐文章于 2023-09-13 23:02:22 发布
![](https://img-home.csdnimg.cn/images/20240711042549.png)