我正在尝试用 CSS 绘制一条有限的虚线，我的意思是虚线的数量将受到限制，例如，如果限制数量为 3，则该线将是： _____ _____ _____
目前，我正在使用百分比计算来获得相同的结果，但不确定它是否耐用。
当前的：
grid: { line: { stroke: theme.palette.secondary.main , strokeWidth: 1, strokeDasharray: "32% 2%"} },
理想的：
grid: { line: { stroke: theme.palette.secondary.main , strokeWidth: 1, strokeDasharray: "1rem 0.2rem" numberOfdashes: 3} },