Expose SeriesState for simplified charts #487

Activity

1. cycle4passion commented on Jul 11, 2025

   

   cycle4passion

   on Jul 11, 2025

   Contributor

   More actions

   I would also find it useful to expose BrushState for persisting in localstorage. This allows for persistence of series and selected range.
2. techniq commented on Jul 14, 2025

   

   techniq

   on Jul 14, 2025

   OwnerAuthor

   More actions

   I would also find it useful to expose BrushState for persisting in localstorage. This allows for persistence of series and selected range.

   100% agree, and actually started on this a bit ago and need to resume. Encapsulating the state in a new BrushState class will enable and simplify state management (this is a pattern I plan to lean into with more state management). Also looking at supporting band scales and fixing some element click interop.

   Progress here: #605
3. cycle4passion commented on Jul 16, 2025

   

   cycle4passion

   on Jul 16, 2025

   Contributor

   More actions

   In addition to exposing SereisState, BrushState, others, what about a prop like ...

   <Chart
   persist="localStorage"
   / >

   and Layerchart goes ahead and does the heavy lifting read/write to localStorage or sessionStorage?
4. techniq commented on Jul 16, 2025

   

   techniq

   on Jul 16, 2025

   OwnerAuthor

   More actions

   In addition to exposing SereisState, BrushState, others, what about a prop like ...

   <Chart persist="localStorage" / >

   and Layerchart goes ahead and does the heavy lifting read/write to localStorage or sessionStorage?

   Hmm... we would need to generate a unique ID per chart instance (could use $props.id()).

   Initially I would prefer to have some callback hooks, similar to SvelteKit snapshots (capture / restore) and leave it to the user where the would like to persist (localStorage, sessionStorage, query string, API/db call, etc).

   I think we approach this iteratively - expose the state, expose the hooks, and then maybe add convenient adapters if needed.

   👍React with 👍1Reacted by Scott Rhamy
5. techniq commented on Mar 25, 2026

   

   techniq

   on Mar 25, 2026

   OwnerAuthor

   More actions

   Coming soon in an upcoming release:

   • https://techniq-state-refactor.layerchart.pages.dev/docs/guides/series#programmatic-control
   • https://techniq-state-refactor.layerchart.pages.dev/docs/components/LineChart/series-programmatic-control
6. techniq

   closed this as completedon Mar 25, 2026