Skip to content

Grid and axis guides cannot express stroke treatment (dashed grid, line width) — F-260 #131

Description

@toomingos

Version: @tanstack/charts 0.16.0. Evidence for the open friction entry F-260 "Static guides cannot express stroke treatment" in API-FRICTION.md; filing it here because there is no tracking issue for it.

gridX/gridY and the axis line expose colour and opacity only. Migrating a component library whose grid default is strokeDasharray="4,4" on every cartesian chart, with axis line width themed per chart, loses the dash and the width: the only route is a stylesheet rule keyed on the rendered guide nodes, which the export path does not carry.

Would it be possible to expose strokeDasharray, strokeWidth and strokeLinecap on the grid and axis guide options (or a style object like the marks take), emitted by the SVG renderer and the export path alike? Dashed grids are the default in Recharts (CartesianGrid strokeDasharray), Chart.js (borderDash) and ECharts (lineStyle.type).

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions