Fix strokeDasharray, update docs

niklavsBariss · niklavsBariss · commit ee5bf55f5d2e · 2025-12-19T09:55:12.000+02:00
diff --git a/src/drawFunction.js b/src/drawFunction.js
@@ -161,7 +161,7 @@ function formatXAxis(g, xDividerConfig) {
     g.selectAll('.tick line')
       .attr('stroke', xDividerConfig.color ?? colors.border)
       .attr('stroke-width', xDividerConfig.strokeWidth ?? 0.5)
-      .attr('stroke-dasharray', xDividerConfig.dashArray ?? '2,2')
+      .attr('stroke-dasharray', xDividerConfig.strokeDasharray ?? '2,2')
   } else {
     g.selectAll('.tick line').remove()
   }
diff --git a/src/types.ts b/src/types.ts
@@ -84,6 +84,8 @@ type XDividerTick = {
    */
   strokeWidth?: number
   /**
+   * Stroke dash array for the full-height-tick lines
+   * See: https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Attribute/stroke-dasharray
    * Defaults to '2,2'
    */
   strokeDasharray?: string

Original file line number	Diff line number	Diff line change
`@@ -161,7 +161,7 @@ function formatXAxis(g, xDividerConfig) {`
`161`	`161`	`g.selectAll('.tick line')`
`162`	`162`	`.attr('stroke', xDividerConfig.color ?? colors.border)`
`163`	`163`	`.attr('stroke-width', xDividerConfig.strokeWidth ?? 0.5)`
`164`		`- .attr('stroke-dasharray', xDividerConfig.dashArray ?? '2,2')`
	`164`	`+ .attr('stroke-dasharray', xDividerConfig.strokeDasharray ?? '2,2')`
`165`	`165`	`} else {`
`166`	`166`	`g.selectAll('.tick line').remove()`
`167`	`167`	`}`