Angular7开荒--Echarts折线图字体设置,留白等设置

今天在集成折线图的时候发现,字体颜色一直是红色,无法通过css来设置,百度了一下,总结如下:

可以在option里面加入如下代码:

 textStyle: { // 字体的样式
        fontSize: 18,
        color: 'white'
      },

可以在这里面进行字体样式的各种设置(比如大小,颜色,字体样式等)

实例:textStyle是与xAxis同级的

Angular7开荒--Echarts折线图字体设置,留白等设置

 下面就是图表留白的问题了:

可以加入如下代码来控制图表留白:

grid: {
        x: 50, // 左边留白
        y: 35, // 上边留白
        x2: 25, // 右边留白
        y2: 25 // 下边留白
      },

图示如下: 

Angular7开荒--Echarts折线图字体设置,留白等设置

 实例如下:

Angular7开荒--Echarts折线图字体设置,留白等设置

 

 

参考文章:https://blog.****.net/lm1022/article/details/78203167