Nuxt ECharts

Nuxt Module for Apache ECharts™. (docs)

Examples

See echarts.apache.org/examples for all examples.

Bar Chart (SSR + client-side lazy loading)Source

0 20 40 60 80 100 Matcha Latte Milk Tea Cheese Cocoa Walnut Brownie

Map Chart (SSR + client-side lazy loading)Source

Polar Chart (one-time server-side SVG rendering)Source

0 30 60 90 120 150 180 210 240 270 300 330 0 0.1 0.2 0.3 0.4 0.5 Dual Numeric Axis

Pie Chart (SSR + client-side lightweight runtime)Source

Search Engine Direct Email Union Ads Video Ads
Click on a legend to toggle series display

Scatter Chart (SSR via Nitro server route)Source

55 60 65 70 75 80 85 0 10,000 20,000 30,000 40,000 50,000 60,000 70,000 1990 2015 Life Expectancy vs. GDP by country
Click on a legend to toggle series display.
This example shows how to implement a Server-rendered ECharts with lightweight client runtime via server route without the components provided by this module.