我看到问题了。图表使用了hsl(var(--chart-1))等CSS变量作为线条颜色,但这些变量可能没有在globals.css中定义。让我先检查globals.css,然后修复这个问题:
好的,CSS变量已经定义了。问题可能是Recharts在使用hsl(var(--chart-1))这种格式时无法正确解析oklch颜色值。让我修改图表组件,使用具体的颜色值:
我已经修复了生态系统质量趋势图的显示问题。主要更改是将CSS变量颜色改为具体的十六进制颜色值,增加了线条粗细到2.5px,添加了数据点标记,并优化了坐标轴和提示框的样式。现在趋势线应该能够正常显示了。
我看到问题了。雷达图的PolarGrid和PolarRadiusAxis使用了CSS变量颜色,但可能在白色背景下显示不清楚。另外,PolarRadiusAxis可能也需要显式的stroke颜色来显示骨架线。让我修复这个问题:
我已经修复了雷达图的骨架显示问题。主要更改包括:将PolarGrid的stroke颜色改为更明显的灰色(#cbd5e1)并增加线宽,为PolarRadiusAxis添加了stroke和axisLine属性使径向轴线能够显示出来,并将所有颜色从CSS变量改为具体的颜色值以确保在白色背景下有足够的对比度。现在雷达图的网格线和轴线应该能够清晰显示了。