Skip to content
Submit Library
Library
Charts

ECharts

Feature-rich charting toolkit for interactive visualizations.

UnverifiedActive

Unverified

Compatibility has not been verified yet in the PreactHub catalog.

Packageecharts

Facts at a glance
Preact compatibility
Unverified
Tested Preact versions
Not documented
TypeScript
Native TypeScript
SSR
SSR unsupported
Maintenance
Active
License
Apache-2.0
Last verified
Not yet verified
Terminal
npm install echarts
preact-example.ts
import * as echarts from "echarts"; const chart = echarts.init(container);chart.setOption({ xAxis: {}, yAxis: {}, series: [{ type: "bar", data: [3, 7, 5] }] });

Introduction

ECharts is attractive when you need richer interaction, map support or more complex chart types.

Preact configuration

Most integrations render into a managed DOM element after hydration.

SSR notes

Treat the visualization itself as client-only unless your setup provides a dedicated server-rendering path.

Islands notes

When using this library inside an island, keep browser-specific setup inside the island component or an effect, and pass only serializable props from the server-rendered page.

Alternatives

Browse more in Charts or explore the full library directory.