考研学习

通用图表组件预览

Fumadocs Study 通用数据图表组件的实际 MDX 使用示例。

Last updated on

这页用于验证新的通用图表层。普通文档只需要提供结构化数据,不需要直接接触 Recharts;Claude Benchmark 这类高定制专题仍然保留自己的 Feature 组件。

柱状图

章节练习量示例:比较不同数学章节的练习题数量。

折线图

阶段正确率示例:用同一组件展示随阶段变化的有序趋势。

面积图

每日学习时间构成示例:堆叠面积图更适合观察总量与构成随时间的共同变化。

环形图

复习时间分配示例:只在类别较少、确实表示整体构成时使用饼图或环形图。

散点图

练习量与正确率示例:散点图用于观察两个数值变量之间的关系。

直方图

模拟题得分分布直方图由原始数值自动分箱,适合概率统计与样本分布内容。

推荐使用方式

普通文章优先使用 StudyBarChart、StudyLineChart、StudyAreaChart、StudyPieChart、StudyScatterChart 和 StudyHistogram。需要断轴、特殊纹理、自定义标签位置、多视图联动等复杂交互时,再像 Claude Benchmark 一样创建专题 Feature,而不是不断给通用组件增加开关。