@amad3v/solid-echarts - v1.0.2
    Preparing search index...

    Variable seActionsConst

    seActions: {
        brush: ActionCreator<"brush">;
        dataZoom: ActionCreator<"dataZoom">;
        downplay: ActionCreator<"downplay">;
        focusNodeAdjacency: ActionCreator<"focusNodeAdjacency">;
        geoRoam: ActionCreator<"geoRoam">;
        hideTip: ActionCreator<"hideTip">;
        highlight: ActionCreator<"highlight">;
        legendAllSelect: ActionCreator<"legendAllSelect">;
        legendInverseSelect: ActionCreator<"legendInverseSelect">;
        legendSelect: ActionCreator<"legendSelect">;
        legendToggleSelect: ActionCreator<"legendToggleSelect">;
        legendUnSelect: ActionCreator<"legendUnSelect">;
        restore: ActionCreator<"restore">;
        select: ActionCreator<"select">;
        showTip: ActionCreator<"showTip">;
        timelineChange: ActionCreator<"timelineChange">;
        timelinePlayChange: ActionCreator<"timelinePlayChange">;
        toggleSelect: ActionCreator<"toggleSelect">;
        unfocusNodeAdjacency: ActionCreator<"unfocusNodeAdjacency">;
        unselect: ActionCreator<"unselect">;
    } = ...

    Typed factory functions for all built-in ECharts dispatchAction payloads.

    Each factory takes the action fields (excluding type which is injected automatically) and returns a correctly shaped payload. Use with dispatch for imperative actions or createAction for reactive bindings.

    Type Declaration

    • brush: ActionCreator<"brush">

      Sets brush selection areas programmatically.

      areas defines the selection regions. Requires the BrushComponent to be registered via seSetup.

      dispatch(seActions.brush({ areas: [{ brushType: 'rect', range: [[10, 50], [20, 60]] }] }));
      
    • dataZoom: ActionCreator<"dataZoom">

      Programmatically sets the dataZoom range.

      Use start/end for percentage-based range (0–100), or startValue/endValue for data value-based range. dataZoomIndex targets a specific dataZoom component.

      // Percentage range
      dispatch(seActions.dataZoom({ start: 20, end: 80 }));

      // Reset to full range
      dispatch(seActions.dataZoom({ start: 0, end: 100 }));
    • downplay: ActionCreator<"downplay">

      Reverses a highlight - restores all elements to their normal state.

      Optional. Omitting all fields downplays the entire chart.

      // Downplay a specific item
      dispatch(seActions.downplay({ seriesIndex: 0, dataIndex: 3 }));

      // Downplay everything
      dispatch(seActions.downplay({}));
    • focusNodeAdjacency: ActionCreator<"focusNodeAdjacency">

      Highlights the adjacency of a node in a graph series.

      seriesIndex + dataIndex identify the node.

      dispatch(seActions.focusNodeAdjacency({ seriesIndex: 0, dataIndex: 3 }));
      
    • geoRoam: ActionCreator<"geoRoam">

      Triggers a geo component roam (pan/zoom) action.

      Optional. name targets a specific geo component by name.

      dispatch(seActions.geoRoam());
      
    • hideTip: ActionCreator<"hideTip">

      Hides the tooltip.

      dispatch(seActions.hideTip());
      
    • highlight: ActionCreator<"highlight">

      Highlights specified data graphics. Other elements are blurred unless notBlur is true.

      Target by seriesIndex/seriesId/seriesName + dataIndex/name. All fields optional - omitting all highlights the entire series.

      // Highlight a single bar
      dispatch(seActions.highlight({ seriesIndex: 0, dataIndex: 3 }));

      // Highlight without blurring others
      dispatch(seActions.highlight({ seriesIndex: 0, dataIndex: 3, notBlur: true }));
    • legendAllSelect: ActionCreator<"legendAllSelect">

      Selects all legend items - makes all series visible.

      dispatch(seActions.legendAllSelect());
      
    • legendInverseSelect: ActionCreator<"legendInverseSelect">

      Inverts the selected state of all legend items.

      dispatch(seActions.legendInverseSelect());
      
    • legendSelect: ActionCreator<"legendSelect">

      Selects (shows) a legend item by name.

      name must match a series name exactly.

      dispatch(seActions.legendSelect({ name: 'Revenue' }));
      
    • legendToggleSelect: ActionCreator<"legendToggleSelect">

      Toggles the selected state of a legend item by name.

      name must match a series name exactly.

      dispatch(seActions.legendToggleSelect({ name: 'Revenue' }));
      
    • legendUnSelect: ActionCreator<"legendUnSelect">

      Unselects (hides) a legend item by name.

      name must match a series name exactly.

      dispatch(seActions.legendUnSelect({ name: 'Expenses' }));
      
    • restore: ActionCreator<"restore">

      Resets the chart to its initial state - reverses all user interactions including zoom, legend selections, and data selections.

      dispatch(seActions.restore());
      
    • select: ActionCreator<"select">

      Selects specified data. Requires selectedMode on the series option ("single", "multiple", or true) - without it the action fires but has no visual effect.

      Target by seriesIndex + dataIndex or name. dataIndex accepts an array for bulk selection.

      dispatch(seActions.select({ seriesIndex: 0, dataIndex: 2 }));

      // Bulk select
      dispatch(seActions.select({ seriesIndex: 0, dataIndex: [0, 1, 2] }));
    • showTip: ActionCreator<"showTip">

      Shows the tooltip at a specific data point or pixel coordinate.

      Use seriesIndex + dataIndex to position at a data point, or x + y for pixel coordinates.

      // Show at data point
      dispatch(seActions.showTip({ seriesIndex: 0, dataIndex: 3 }));

      // Show at pixel coordinates
      dispatch(seActions.showTip({ x: 100, y: 200 }));
    • timelineChange: ActionCreator<"timelineChange">

      Changes the current timeline index.

      currentIndex is the zero-based index to jump to.

      dispatch(seActions.timelineChange({ currentIndex: 2 }));
      
    • timelinePlayChange: ActionCreator<"timelinePlayChange">

      Sets the timeline play state.

      playState - true to play, false to pause.

      dispatch(seActions.timelinePlayChange({ playState: true }));
      
    • toggleSelect: ActionCreator<"toggleSelect">

      Toggles selection state on specified data. Selects if unselected, deselects if selected. Requires selectedMode on the series.

      Target by seriesIndex + dataIndex or name.

      dispatch(seActions.toggleSelect({ seriesIndex: 0, dataIndex: 5 }));
      
    • unfocusNodeAdjacency: ActionCreator<"unfocusNodeAdjacency">

      Clears the adjacency highlight on a graph series node.

      Optional. seriesIndex targets a specific graph series.

      dispatch(seActions.unfocusNodeAdjacency({ seriesIndex: 0 }));
      
    • unselect: ActionCreator<"unselect">

      Clears selection on specified data. dataIndex accepts an array for bulk unselect - pass all indices to clear the entire series.

      Optional. Target by seriesIndex + dataIndex or name.

      // Unselect all items in a series
      dispatch(seActions.unselect({ seriesIndex: 0, dataIndex: [...data.keys()] }));

    Factories are pure - no runtime logic, no side effects. They exist solely to provide type safety and autocomplete over raw { type: '...', ... } objects.

    type is always injected by the factory - never pass it manually.

    // Imperative, fire once in response to an event
    const { dispatch } = useChart();
    dispatch(seActions.highlight({ seriesIndex: 0, dataIndex: 2 }));
    dispatch(seActions.dataZoom({ start: 20, end: 80 }));
    dispatch(seActions.legendToggleSelect({ name: "Revenue" }));

    // Declarative, keep action in sync with a signal
    createAction(instance, () =>
    hoveredRow() !== null
    ? seActions.highlight({ seriesIndex: 0, dataIndex: hoveredRow()! })
    : seActions.downplay({})
    );