ECHARTS

【已解决】echarts的yAxis设置名字后,怎么设置字体竖着显示居中显示?

在使用echarts怎么生成如下图Y轴数据居中显示?Y轴配置json如下图:可以通过设置yAxis的nameRotate和nameTextStyle属性来实现及echarts的Y轴yAxis名字在左侧居中显示。可以使用 yAxis.name 和 yAxis.nameLocation 属性来设置Y轴名称和名称位置,以实现Y轴名称在左侧居中显示的效果

在使用echarts怎么生成如下图Y轴数据居中显示?

658bea5e49fa3745a01726cb4cc44591.png

Y轴配置json如下图:

可以通过设置yAxis的nameRotate和nameTextStyle属性来实现及echarts的Y轴yAxis名字在左侧居中显示。可以使用 yAxis.name 和 yAxis.nameLocation 属性来设置 Y 轴名称和名称位置,以实现 Y 轴名称在左侧居中显示的效果

  yAxis: {
    type: 'value',
    name: '纵轴名-旋转角度',
    nameRotate: 90, // 旋转角度
    nameLocation: 'middle',
    nameGap: 30,
       nameTextStyle: {
        fontSize: 18, // 字体大小
        fontWeight: 'bold', // 字体加粗
        lineHeight: 45, // 行高,需要根据字体大小进行调整
        verticalAlign: 'bottom' // 文字垂直对齐方式

    },
    axisLabel: {
      textAlign: 'center'
    }
  
  }

完整代码:

option = {
  xAxis: {
    type: 'category',
    data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun','Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun','Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun','Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
    ,axisLabel: 

原创不易,完成人机校验,阅读全文

相关推荐