如何编写可自定义颜色与粗细的全幅图表横向水平线代码

Python Matplotlib 实现 #

Matplotlib内置的axhline接口默认支持横向全幅延伸，可直接通过参数调整样式：

import matplotlib.pyplot as plt

# 初始化画布
fig, ax = plt.subplots(figsize=(10, 6))
# 示例折线数据
ax.plot([1, 2, 3, 4, 5], [2, 4, 1, 5, 3])

# 绘制自定义横向水平线
ax.axhline(
    y=3,  # 水平线对应纵轴位置
    linewidth=4,  # 自定义线条粗细，数值越大越粗
    color="#FF5733",  # 自定义线条颜色，支持十六进制、RGB、内置颜色名
    xmin=0,  # 横向起点，0对应x轴最左端，设置为负数即可向左延伸超出坐标轴
    xmax=1  # 横向终点，1对应x轴最右端，设置为大于1的数即可向右延伸超出坐标轴
)

plt.show()

• 如需向坐标轴外双向延伸，直接修改xmin为小于0的数值、xmax为大于1的数值即可。
• 可额外添加linestyle参数调整线型，比如--为虚线、-.为点划线。

前端ECharts 实现 #

通过ECharts的markLine配置即可实现全幅横向水平线，默认自动占满整个图表横向宽度：

const option = {
  xAxis: {
    type: 'category',
    data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
  },
  yAxis: {
    type: 'value'
  },
  series: [
    {
      data: [120, 200, 150, 80, 70, 110, 130],
      type: 'line',
      markLine: {
        silent: true, // 设为true则线条不响应鼠标交互
        lineStyle: {
          width: 4, // 自定义线条粗细
          color: '#2ECC71' // 自定义线条颜色，支持所有CSS合法颜色格式
        },
        data: [
          { yAxis: 100 } // 水平线对应纵轴数值，自动左右延伸满幅
        ]
      }
    }
  ]
};

• 如需向坐标轴外侧延伸，可调整markLine的x、x2属性自定义起止位置。
• 可添加lineStyle.type参数调整线型，比如dashed为虚线。

其他图表库通用逻辑 #

所有主流可视化库的辅助线接口基本都支持自定义线宽、颜色，且横向辅助线默认全幅展示，只需找到对应库的「辅助线/标记线」配置项，修改对应样式参数即可满足需求。

内容的提问来源于stack exchange，提问作者Phil Stoddard