分类

← View All Tools

仪表盘图生成器

从数据生成可自定义的仪表盘图（速度计图），非常适合显示KPI、指标和性能数据

仪表盘图数据。支持单个值、多个值或JSON数组格式

显示在图表上方的标题

仪表盘分区的颜色（逗号分隔的十六进制颜色，通常用3个颜色表示绿-黄-红）

每个仪表盘的像素尺寸（多个仪表盘时影响单个仪表盘尺寸）

仪表盘刻度的最小值

仪表盘刻度的最大值

起始角度（-90=左侧，0=顶部，90=右侧）

结束角度（度数）

图表容器的背景颜色

在仪表盘中心显示实际数值

在仪表盘下方显示标签

在仪表盘周围显示刻度线和刻度值

在仪表盘上显示彩色分区（绿-黄-红）

加载时动画显示指针移动

显示百分比值和实际数值

关键信息

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

概览

仪表盘图生成器是一款高效的数据可视化工具，能够将简单的数值或 JSON 数据快速转换为直观的仪表盘（速度计）图表，非常适合用于展示 KPI 完成度、性能指标及各类进度监测数据。

适用场景

  • •需要直观展示关键绩效指标（KPI）的达成进度时。
  • •在报告或仪表板中快速呈现性能监测数据时。
  • •需要将抽象的百分比或数值转化为易于理解的视觉图形时。

工作原理

  • •在输入框中填入数值或 JSON 格式的数据。
  • •根据需求调整仪表盘的颜色、刻度范围及指针样式。
  • •勾选显示选项，如数值、标签或彩色分区，以增强图表可读性。
  • •点击生成即可获得即时预览的仪表盘图表。

使用场景

销售团队 KPI 实时监控看板。
服务器性能与资源利用率监测。
项目进度与任务完成度可视化展示。

用户案例

1. 销售业绩 KPI 仪表盘

销售经理
背景原因
销售经理需要向团队展示本月的销售额完成情况，以便激励团队达成目标。
解决问题
原始数据枯燥，难以一眼看出当前业绩距离目标的差距。
如何使用
输入销售数据，设置最大值为 100，并开启彩色分区功能。
示例配置
chartData: "本月销售:85", minValue: 0, maxValue: 100, showZones: true, showValue: true
效果
生成了一个带有绿色到红色渐变分区的仪表盘，指针清晰指向 85，直观展示了业绩完成度。

2. 服务器负载监控

运维工程师
背景原因
运维工程师需要监控多台服务器的 CPU 使用率，并快速识别高负载节点。
解决问题
传统的表格数据无法快速定位负载过高的服务器。
如何使用
使用 JSON 格式输入多台服务器的负载数据，并调整图表尺寸以便并排查看。
示例配置
chartData: [{"label": "Server A", "value": 45}, {"label": "Server B", "value": 92}], chartSize: 250, needleStyle: "arrow"
效果
生成了两个紧凑的仪表盘，Server B 的指针处于红色区域，运维人员可立即发现负载异常。

用 Samples 测试

json, video
Grafana 高级应用示例
全面的 Grafana 示例，涵盖高级仪表板设计、告警配置、数据源集成和插件开发
preferred input family json
json
WebRTC 实时通信示例
全面的 WebRTC 示例，用于点对点音视频通信、数据通道、屏幕共享和信令服务器实现
preferred input family json
json
New Relic APM 示例
全面的 New Relic 应用程序性能监控设置，包括插桩、仪表板和告警
preferred input family json
json
PDF示例
2026-02-01 到 2026-02-10 工具生成的PDF示例
preferred input family json
json

相关专题

JsonConvert工具专题
探索 100 个围绕 json 的 convert 工作流工具，快速找到相近能力。
VideoConvert工具专题
探索 36 个围绕 video 的 convert 工作流工具，快速找到相近能力。
Json 工具专题
探索 43 个围绕 json 的 utility 工作流工具，快速找到相近能力。
JsonGenerate工具专题
探索 33 个围绕 json 的 generate 工作流工具，快速找到相近能力。

常见问题

支持哪些数据格式？

支持单个数值（如 Sales:85）、多个数值列表，以及标准的 JSON 数组格式。

可以自定义仪表盘的颜色吗？

可以，通过仪表盘颜色选项，使用逗号分隔的十六进制颜色代码即可自定义分区颜色。

如何调整仪表盘的刻度范围？

在最小值和最大值输入框中设置对应的数值，即可定义仪表盘的刻度区间。

生成的图表支持动画效果吗？

支持，勾选“动画指针”选项后，图表加载时指针会呈现平滑的移动动画。

可以同时生成多个仪表盘吗？

可以，只需在数据输入框中按行输入多个指标，系统会自动为您生成一组仪表盘。

API 文档

请求端点

POST /zh/api/tools/gauge-chart-generator

请求参数

参数名 类型 必填 描述
chartData textarea 是 仪表盘图数据。支持单个值、多个值或JSON数组格式
chartTitle text 否 显示在图表上方的标题
needleStyle select 否 -
gaugeColors text 否 仪表盘分区的颜色（逗号分隔的十六进制颜色，通常用3个颜色表示绿-黄-红）
chartSize number 否 每个仪表盘的像素尺寸（多个仪表盘时影响单个仪表盘尺寸）
minValue number 否 仪表盘刻度的最小值
maxValue number 否 仪表盘刻度的最大值
startAngle number 否 起始角度（-90=左侧，0=顶部，90=右侧）
endAngle number 否 结束角度（度数）
backgroundColor color 否 图表容器的背景颜色
showValue checkbox 否 在仪表盘中心显示实际数值
showLabel checkbox 否 在仪表盘下方显示标签
showTicks checkbox 否 在仪表盘周围显示刻度线和刻度值
showZones checkbox 否 在仪表盘上显示彩色分区（绿-黄-红）
animated checkbox 否 加载时动画显示指针移动
showPercentage checkbox 否 显示百分比值和实际数值

响应格式

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

AI MCP 文档

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

{
  "mcpServers": {
    "elysiatools-gauge-chart-generator": {
      "name": "gauge-chart-generator",
      "description": "从数据生成可自定义的仪表盘图（速度计图），非常适合显示KPI、指标和性能数据",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=gauge-chart-generator",
      "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]