Dash EChartsX

Build interactive Apache ECharts visualizations in Plotly Dash with a responsive React component and a Python-first API.

Guide

• Usage guide
  • JavaScript formatter functions
• Example gallery
  • Financial multi-axis chart
  • Real-time streaming
  • GeoJSON map and boundary interaction
  • ECharts-GL globe and scatter
• Live option playground
• Migration from dash-echarts

Reference

• Python API
  • Dash component
  • Helpers
• TypeScript component props

Quick start

Install the package and place a chart in a Dash layout:

pip install dash-echartsx

from dash import Dash
from dash_echartsx import DashEChartsX

app = Dash(__name__)
app.layout = DashEChartsX(
    option={
        "xAxis": {"type": "category", "data": ["A", "B", "C"]},
        "yAxis": {"type": "value"},
        "series": [{"type": "bar", "data": [12, 20, 8]}],
    }
)

Note

The component fills its parent. Give the parent a responsive width and height, or pass a style mapping to control the chart container.

Documentation versions

The dev edition tracks the main branch. Stable semantic-version tags are published as release editions and can be selected from the Version menu in the sidebar. Prerelease tags are not included.