Echarts坐标名称及位置设置

sadness安全宇航员 lv.1

发布时间：2023-01-04 10:13:22 268

相关标签：

关键代码如下：

xAxis: {
      type: 'category',
      name: 'Month',
      nameLocation: 'end',   //X轴标题位置(选项有：end，start，center)
      nameTextStyle:{        //X轴标题
          color:'yellow',    //字体颜色
          fontSize:14,       //字体大小
          padding:5          //padding用来调整位置
            },
      axisLabel: {
            show: true,
            textStyle: { color: 'white' }    //X轴刻度字体颜色
           },
      data: []
    },
    
yAxis: {
            type: 'value',
            name: 'Amount(￥)',
            nameTextStyle:{               //Y轴标题
                        color:'orange',   //Y轴标题字体颜色
                        fontSize:14,  
                        padding:5
                            },
            position: 'left',
            axisLine: {
                lineStyle: {
                    color: colors[0]
                }
            },
            axisLabel: {
                formatter: '{value} ',
                textStyle: { color: 'white' }   //Y轴刻度字体颜色
            },
        },

如图所示：

Echarts坐标名称及位置设置_Echarts

文章来源： https://blog.51cto.com/u_11130640/5974732

特别声明：以上内容（图片及文字）均为互联网收集或者用户上传发布，本站仅提供信息存储服务！如有侵权或有涉及法律问题请联系我们。