ChartDockProvider
Loading example…
Describes the props accepted by a Context {@link Provider}.
Import
Section titled “Import”import { ChartDockProvider } from "@jcsoftdev/ui/charts";Single-component entry points tree-shake to just this component: @jcsoftdev/ui/charts/core.
export const Default: Story = { render: () => <AxesDemo title="Ventas" rightTitle="Cortes" showRight={false} showGrid />,};Source of the Storybook story.
This component declares no props of its own.
It also accepts the native props of the element or primitive it renders (for example className, id, aria-* and event handlers).
Storybook stories
Section titled “Storybook stories”- Default
- Dual Axis
- Without Grid
- Default
- Stacked
- Horizontal
- Columns And Line On Right Axis
- Area With Goal
- With Brush
- Custom Tooltip Rows
- Tick Every And Axis Max
- Highlighted Markers
- Loading
- Empty
- Default
- Default
- Root Only
- Interactive
- Default
- Full Range
- Default
- Missing Values
- Default
- Fills Parent
- Aspect Ratio
- With Legend And Table
- Loading
- Loading Ring
- Empty
- Read Only
- Toggleable
- Centered
- Bars
- Line
- Ring
- Empty
- Default
- Flips Near The Right Edge
- Without Title
- A: jitter across the old threshold does not swap sides
- B: a touch tap keeps the tooltip after the finger lifts
- B: a swipe over a mark selects nothing
- B’: a tap on the 3rd category shows the 3rd category
- C: a pointer path through a same-category gap never hides the tooltip
- Dock: docked details are a panel in flow and nothing shifts
- Dock: a wide chart on a fine pointer keeps the floating card
- Dock: always docks a wide chart too
- Default
- Spanish
- Default
- At Root
- Default
- Drilled In
- Limited
- Leaf
- Default
- From Branch
- Gallery
- Custom Tile
- Default
- Vertical Keys
- Both Axes Keys
- Default
- Fills Up
- Scissors
- Without Track
Source
Section titled “Source”packages/ui/src/charts/core/chart-dock.tsx