Elysia Tools Docs
ZH
语言
ZHESPTRUFRDEEN
返回主站
浏览工具

Data Visualization

日历热力图生成器

生成GitHub风格的日历热力图,用于可视化随时间的活动模式,非常适合跟踪年度贡献、习惯或指标

html· HTML 结果打开工具

快速开始

用三种语言从你的代码中调用此工具。

cURL
curl -X POST 'https://api.elysiatools.com/zh/api/tools/calendar-heatmap' \
  -H 'Content-Type: application/json' \
  -d '{"chartData":"JSON format:\n[{"date": "2024-01-01", "value": 10, "label": "Commits"},\n{"date": "2024-01-02", "value": 15, "label": "Commits"}]\n\nor text format:\n2024-01-01|10|Commits\n2024-01-02|15|Commits","chartTitle":"输入图表标题...","colorScheme":"green","year":0,"startColor":"#c6e48b","endColor":"#239a3b","emptyColor":"#ebedf0","borderColor":"#ffffff","cellSize":"12","cellSpacing":"2","animationDuration":"800","backgroundColor":"#ffffff","showValues":false,"showLegend":true,"showMonthLabels":true,"showDayLabels":true,"showStats":true,"showTooltip":true}'

© 2026 Elysia Tools. 开发者文档。

返回主站浏览工具

API 参考

以 JSON 形式 POST 提交输入参数。文件类型参数需先单独上传。

请求端点

HTTP
POST https://api.elysiatools.com/zh/api/tools/calendar-heatmap

请求参数

参数名类型必填说明
chartDatatextarea是日历热力图的活动数据。格式:日期|数值|标签(YYYY-MM-DD格式)
chartTitletext否显示在热力图上方的标题
colorSchemeselect否—
yearnumber否日历年份(留空为当前年份)
startColorcolor否自定义配色方案的起始颜色(需要选择自定义颜色)
endColorcolor否自定义配色方案的结束颜色(需要选择自定义颜色)
emptyColorcolor否无活动日期的颜色
borderColorcolor否单元格的边框颜色
cellSizenumber否每个日期单元格的像素大小(8-20)
cellSpacingnumber否单元格之间的像素间距(1-5)
animationDurationnumber否动画的毫秒时长
backgroundColorcolor否图表容器的背景颜色
showValuescheckbox否在单元格内显示数值(较大的单元格效果更好)
showLegendcheckbox否显示颜色强度图例
showMonthLabelscheckbox否在日历上方显示月份名称
showDayLabelscheckbox否显示星期几的标签
showStatscheckbox否在图表下方显示活动统计信息
showTooltipcheckbox否启用单元格悬停工具提示

响应格式

HTML 结果

JSON
{
  "result": "<div>Processed HTML content</div>",
  "error": "Error message (optional)",
  "message": "Notification message (optional)",
  "metadata": {
    "key": "value"
  }
}

MCP 集成

将此工具加入你的 Model Context Protocol 服务,让 AI 智能体可以列出并调用它。

服务配置

将以下内容加入你的 MCP 客户端配置:

mcp.json
{
  "mcpServers": {
    "elysiatools-calendar-heatmap": {
      "name": "calendar-heatmap",
      "description": "生成GitHub风格的日历热力图,用于可视化随时间的活动模式,非常适合跟踪年度贡献、习惯或指标",
      "baseUrl": "https://api.elysiatools.com/mcp/sse?toolId=calendar-heatmap",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

列出可用工具

连接到 SSE 端点后,列出已开放的工具:

tools/list
{
  "jsonrpc": "2.0",
  "id": 1,
  "method": "tools/list"
}

调用此工具

通过工具 id 调用,参数由其参数表构建:

tools/call
{
  "jsonrpc": "2.0",
  "id": 2,
  "method": "tools/call",
  "params": {
    "name": "calendar-heatmap",
    "arguments": {
  "chartData": "JSON format:\n[{&quot;date&quot;: &quot;2024-01-01&quot;, &quot;value&quot;: 10, &quot;label&quot;: &quot;Commits&quot;},\n{&quot;date&quot;: &quot;2024-01-02&quot;, &quot;value&quot;: 15, &quot;label&quot;: &quot;Commits&quot;}]\n\nor text format:\n2024-01-01|10|Commits\n2024-01-02|15|Commits",
  "chartTitle": "输入图表标题...",
  "colorScheme": "green",
  "year": 0,
  "startColor": "#c6e48b",
  "endColor": "#239a3b",
  "emptyColor": "#ebedf0",
  "borderColor": "#ffffff",
  "cellSize": "12",
  "cellSpacing": "2",
  "animationDuration": "800",
  "backgroundColor": "#ffffff",
  "showValues": false,
  "showLegend": true,
  "showMonthLabels": true,
  "showDayLabels": true,
  "showStats": true,
  "showTooltip": true
}
  }
}
可用逗号分隔的 toolId 在一个会话中串联多个工具,例如 /mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp(最多 20 个)。

有问题或反馈?请联系 [email protected]

浏览工具
打开工具