echarts 坐标轴名称位置调整

ECharts是一个强大的JavaScript图表库，它允许用户定制各种图表元素，包括坐标轴的名称位置。要在ECharts中调整坐标轴名称的位置，你可以通过设置`axisLabel`属性来控制。以下是基本步骤：

1. 首先，在创建图表实例时，给坐标轴配置`axisLabel`选项：

   var option = {
       xAxis: { // 主要是调整x轴
           name: 'X轴名称', // 坐标轴的基本名称
           axisLabel: { // 定义标签样式
               position: 'top' || 'bottom' || 'inside' || 'outside', // 改变名称的位置，如顶部、底部等
               offset: [0, 5] // 对齐偏移量，可以调整名称与刻度线的距离
           }
       },
       yAxis: { // 同理，也可以调整y轴
           name: 'Y轴名称',
           axisLabel: {
               position: 'left' || 'right', // 可选值有左侧和右侧
               offset: [5, 0]
           }
       }
   };

2. 如果你想动态调整，可以在数据加载后通过`setOption`函数修改`axisLabel`：

   myChart.setOption({
       xAxis: {
           axisLabel: {
               position: 'top'
           }
       }
   });

注意：`position`的值有多种选择，例如`'top'`、`'bottom'`、`'inner'`（内部靠近数据）、`'outer'`（外部远离数据），以及`'insideLeft'`、`'insideRight'`等组合方向。`offset`用于微调对齐。