# 评分星级图

创建美观的星级评分可视化，用于产品评分、服务评价和用户反馈分析

> 标准页面: https://elysiatools.com/zh/tools/rating-star-chart

- **分类:** Data Visualization

- **关键词:** 评分星级, 星级评分, 产品评分, 用户反馈, 客户满意度, 评论可视化, 五星评分

## 概述

评分星级图工具是一款专业的在线可视化生成器，旨在帮助用户将枯燥的评分数据转化为直观、美观的五星级评价图表，适用于产品展示、服务评价及用户反馈分析等多种场景。

## 输入项

- **评分数据** (textarea): 评分数据（0-5）。支持带标签/评分/数量的JSON，简单的标签:评分:数量格式，或仅评分值
- **图表标题** (text): 显示在图表上方的标题
- **布局样式** (select): 选择布局样式
- **星星大小** (number): 每颗星星的像素大小
- **填充星星颜色** (color): 填充星星的颜色
- **空星星颜色** (color): 空星星的颜色
- **动画时长** (number): 星星动画的毫秒时长
- **背景颜色** (color): 图表容器的背景颜色
- **显示分布** (checkbox): 显示评分分布和百分比
- **显示评论数量** (checkbox): 显示每个项目的评论数量
- **显示平均评分** (checkbox): 显示总体评分摘要和统计
- **显示小数评分** (checkbox): 显示小数评分（如4.5）而不是四舍五入
- **动画** (checkbox): 加载时动画显示星星

## 适用场景

- 在电商页面或产品介绍中展示用户对产品的综合评分。
- 在年度服务报告中直观呈现客户满意度调查结果。
- 在数据分析演示中对比不同项目的口碑表现。

## 工作原理

- 输入评分数据，支持 JSON 格式、标签:评分:数量格式或纯数值列表。
- 根据需求调整布局样式、星星颜色、大小及动画效果。
- 勾选显示选项，自定义是否展示评论数量、平均分及百分比分布。
- 生成并预览图表，即可直接应用于网页或报告中。

## 使用案例

- 电商产品详情页的买家秀评分展示。
- 企业内部客户满意度调查结果看板。
- 行业竞品口碑对比分析报告。

## 常见问题

### 支持哪些格式的评分数据输入？

支持 JSON 数组格式、简单的“标签:评分:数量”文本格式，或直接输入评分数值。

### 可以自定义星星的颜色吗？

可以，您可以在配置面板中分别设置填充星星颜色和空星星颜色。

### 图表支持动画效果吗？

支持，您可以开启动画功能，并自定义加载时的动画时长。

### 如何展示评分的详细分布？

在配置中勾选“显示分布”选项，即可在图表中呈现评分的百分比分布情况。

### 生成的图表可以调整布局吗？

支持，您可以选择“垂直列表”或“网格布局”两种样式来适配不同的展示空间。

## 相关工具

- [玫瑰图生成器](https://elysiatools.com/zh/tools/rose-chart): 生成美丽的南丁格尔玫瑰图（鸡冠花图）来通过角度和面积可视化数据，非常适合比较分析和历史数据展示
- [Data URI 生成器](https://elysiatools.com/zh/tools/data-uri-generator): 将文件转换为 Data URI（Base64 或百分号编码），用于直接在 HTML、CSS 或 Markdown 中内联图片、字体等资源
- [进度环图](https://elysiatools.com/zh/tools/progress-ring-chart): 创建美观的圆形进度指示器，完美显示百分比、完成率和进度指标
- [主题河流图生成器](https://elysiatools.com/zh/tools/stream-graph-generator): 生成美观的主题河流图，支持时间序列数据、流动动画和基线变化
- [时间轴生成器](https://elysiatools.com/zh/tools/timeline-generator): 从事件数据生成美观且交互式的时间轴，支持多种布局和样式
- [平行坐标图生成器](https://elysiatools.com/zh/tools/parallel-coordinates-chart): 生成平行坐标图，用于多维数据可视化，支持自定义归一化方法
- [象限图生成器](https://elysiatools.com/zh/tools/quadrant-chart): 生成四象限分析图表，用于战略分析、优先级排序和决策制定
- [雷达图生成器](https://elysiatools.com/zh/tools/radar-chart-generator): 从数据生成可自定义的雷达图（蜘蛛图），非常适合多维度对比和分析

## 示例

- [Grafana 高级应用示例](https://elysiatools.com/zh/samples/grafana-samples): 全面的 Grafana 示例，涵盖高级仪表板设计、告警配置、数据源集成和插件开发
- [Terraform Plan JSON 样本](https://elysiatools.com/zh/samples/terraform-plan-json-samples): 用于依赖可视化和变更审查的 Terraform plan JSON 文件样本，贴近 terraform show -json 输出结构
- [D3.js 数据可视化示例](https://elysiatools.com/zh/samples/d3js-data-visualization): 全面的D3.js数据可视化示例，包括图表、地图、动画和交互式可视化
- [二维码示例](https://elysiatools.com/zh/samples/qrcode-samples): 用于测试二维码读取和生成工具的示例二维码图像

## 相关内容

- [图表与图示生成器](https://elysiatools.com/zh/hubs/chart-diagram-generators): 根据数据结构选择图表，清晰表达比较、分布、层级、关系、进度和时间安排。