嘿，这两个关于图表水平轴设置的问题，在主流图表工具里都有明确的实现方案，我来给你具体拆解：

1. 如何将水平轴（X轴）在水平方向居中？ #

分两种常见场景来实现：

• 让X轴刻度范围水平对称：如果你的数据本身有正负区间，直接设置X轴的上下限为对称数值即可。以Matplotlib为例：

  import matplotlib.pyplot as plt
  
  plt.plot([-3, -2, -1, 0, 1, 2, 3], [1, 4, 9, 0, 9, 4, 1])
  plt.xlim(-3, 3)  # 设置对称的X轴范围，自然实现水平居中
  plt.show()
  

• 让X轴轴线本身位于图表水平中心：不管数据范围，强行把X轴的线放在图表宽度的中间位置。还是用Matplotlib举例：

  ax = plt.gca()
  # 将X轴底部的轴线移到图表水平方向50%的位置
  ax.spines['bottom'].set_position(('axes', 0.5))
  

2. 是否可以将水平轴垂直居中，使正值位于上方、负值位于下方？ #

当然可以！这是很常用的「原点居中」轴布局，几乎所有图表库都支持。拿Matplotlib的实现举例：

import matplotlib.pyplot as plt

# 准备示例数据
x = range(-5, 6)
y = [i**2 for i in x]

plt.plot(x, y)
ax = plt.gca()

# 将X轴移到Y轴的0点位置（垂直居中）
ax.spines['bottom'].set_position('zero')
# 隐藏冗余的右侧、顶部轴线，让布局更清爽
ax.spines['right'].set_color('none')
ax.spines['top'].set_color('none')

# 调整刻度显示位置，让Y轴刻度只在左侧，X轴刻度只在下方
ax.yaxis.set_ticks_position('left')
ax.xaxis.set_ticks_position('bottom')

plt.show()

如果用Chart.js这类前端库，也能通过配置实现：

var ctx = document.getElementById('myChart').getContext('2d');
var myChart = new Chart(ctx, {
    type: 'line',
    data: {
        labels: [-5, -4, -3, -2, -1, 0, 1, 2, 3, 4, 5],
        datasets: [{
            label: '示例数据',
            data: [25, 16, 9, 4, 1, 0, 1, 4, 9, 16, 25],
            borderColor: 'rgb(75, 192, 192)',
            tension: 0.1
        }]
    },
    options: {
        scales: {
            x: {
                position: 'center', // 让X轴垂直居中
                grid: {drawBorder: false}
            },
            y: {grid: {drawBorder: false}}
        }
    }
});

内容的提问来源于stack exchange，提问作者Jérôme CARRE