分类

对比条形图生成器

生成背对背条形图,用于正负值对比展示,非常适合数据集对比分析

对比图数据。支持JSON数组或简单的标签|左值|右值文本格式

显示在图表上方的标题

左侧条形的颜色(右侧条形颜色来自配色方案)

图表左侧的标签

图表右侧的标签

图表的像素高度

条形的最大像素宽度

图表缩放的最大值(留空自动)

图表缩放的最小值

条形动画的毫秒时长

图表容器的背景颜色

网格线的颜色

显示网格线以便更好阅读

在条形上显示数值

在图表下方显示图例

关键信息

分类
Data Visualization
输入类型
textarea, text, select, color, number, checkbox
输出类型
html
样本覆盖
4
支持 API
Yes

概览

对比条形图生成器是一款在线数据可视化工具,专门用于创建背对背(或称双边、金字塔)条形图。它能将两组数据以条形图的形式从中心轴向两侧延伸,直观地展示正负值对比或两组数据的差异,非常适合进行数据集对比分析。

适用场景

  • 需要直观对比两组相关数据(如实际 vs 目标、去年 vs 今年、A方案 vs B方案)时。
  • 数据包含正负值,希望在一个图表中清晰展示其分布与对比关系时。
  • 希望制作具有视觉冲击力的报告、演示文稿或信息图,以突出数据差异时。

工作原理

  • 在“图表数据”输入框中,按指定格式(JSON数组或“标签|左值|右值”文本)提供需要对比的数据。
  • 根据需要配置图表标题、配色方案、条形颜色、标签、尺寸等外观选项。
  • 点击生成按钮,工具将根据您的数据和配置,实时渲染出一个可交互的背对背条形图。
  • 您可以直接查看图表,或通过浏览器功能将其保存为图片。

使用场景

市场调研中,对比消费者对两个不同品牌或产品特性的偏好得分。
销售分析中,对比各区域或销售人员的实际业绩与目标业绩的完成情况。
项目管理中,对比不同任务或模块的预计耗时与实际耗时。

用户案例

1. 产品特性偏好对比

市场分析师
背景原因
在完成一项消费者调研后,分析师需要向团队展示用户对新产品A和现有产品B在五个关键特性上的评分对比。
解决问题
需要将两组评分数据(产品A得分 vs 产品B得分)以清晰、直观的方式并排对比,快速识别优劣势。
如何使用
将调研数据整理为JSON格式,输入到“图表数据”中。设置图表标题为“产品特性偏好对比”,左侧标签为“产品A”,右侧标签为“产品B”,并选择“商务色”配色方案。
示例配置
[{"label": "易用性", "leftValue": 85, "rightValue": 72}, {"label": "性能", "leftValue": 78, "rightValue": 88}, {"label": "设计", "leftValue": 92, "rightValue": 65}, {"label": "价格", "leftValue": 60, "rightValue": 80}, {"label": "客服", "leftValue": 70, "rightValue": 75}]
效果
生成一个背对背条形图,清晰展示产品A在“设计”和“易用性”上领先,而产品B在“性能”和“价格”上更具优势。

2. 季度销售业绩达标分析

销售经理
背景原因
销售经理需要快速查看本季度各销售小组的实际销售额与季度目标的对比情况,以便进行绩效评估和资源调配。
解决问题
手动对比Excel表格中的目标值和实际值效率低下,且难以直观看出哪些小组超额完成,哪些未达标。
如何使用
使用文本格式输入数据,每行代表一个小组,格式为“小组名称|目标值|实际值”。设置左侧标签为“目标(万元)”,右侧标签为“实际(万元)”,并开启“显示数值”选项。
示例配置
华东一组|150|168
华南二组|120|115
华北三组|180|195
西南四组|90|88
效果
图表直观显示华东一组和华北三组超额完成目标(条形向右延伸更长),而华南二组和西南四组未达标(条形向左延伸更短),便于经理一目了然。

用 Samples 测试

json, text

相关专题

常见问题

支持哪些数据输入格式?

支持两种格式:1) JSON数组,每个对象包含label、leftValue、rightValue字段;2) 纯文本,每行一个数据点,格式为“标签|左值|右值”。

可以自定义图表的颜色吗?

可以。您可以选择预设的配色方案(如暖色调、商务色),也可以单独指定左侧条形的颜色。

生成的图表可以下载吗?

生成的图表以HTML形式呈现,您可以使用浏览器的“另存为图片”功能或截图工具将其保存为PNG、JPG等图片格式。

图表的高度和条形宽度可以调整吗?

可以。您可以通过“图表高度”和“条形宽度”选项,在指定范围内调整图表的整体高度和条形的最大宽度。

如何让图表显示数值标签?

默认情况下,“显示数值”选项是开启的,数值会直接显示在条形上。您也可以通过取消勾选来隐藏数值。

API 文档

请求端点

POST /zh/api/tools/comparison-bar-chart

请求参数

参数名 类型 必填 描述
chartData textarea 对比图数据。支持JSON数组或简单的标签|左值|右值文本格式
chartTitle text 显示在图表上方的标题
colorScheme select -
barColor color 左侧条形的颜色(右侧条形颜色来自配色方案)
leftLabel text 图表左侧的标签
rightLabel text 图表右侧的标签
chartHeight number 图表的像素高度
barWidth number 条形的最大像素宽度
maxValue number 图表缩放的最大值(留空自动)
minValue number 图表缩放的最小值
animationDuration number 条形动画的毫秒时长
backgroundColor color 图表容器的背景颜色
gridColor color 网格线的颜色
showGrid checkbox 显示网格线以便更好阅读
showValues checkbox 在条形上显示数值
showLegend checkbox 在图表下方显示图例

响应格式

{
  "result": "
Processed HTML content
", "error": "Error message (optional)", "message": "Notification message (optional)", "metadata": { "key": "value" } }
HTML: HTML

AI MCP 文档

将此工具添加到您的 MCP 服务器配置中:

{
  "mcpServers": {
    "elysiatools-comparison-bar-chart": {
      "name": "comparison-bar-chart",
      "description": "生成背对背条形图,用于正负值对比展示,非常适合数据集对比分析",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=comparison-bar-chart",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

你可以串联多个工具,比如:`https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`,最多20个。

如果遇见问题,请联系我们:[email protected]