Skip to content

Apache ECharts gallery

How the examples of the Apache ECharts gallery (about 300, ECharts 6.1) map to New-UDEChart. The module bundles all of Apache ECharts, so every series type and option is available through -Options; the parameters cover what is needed often.

  • Parameter: a parameter of New-UDEChart does it.
  • -Options: possible with -Options on top of a chart type; tested means a showcase chart uses it.
  • Server side: done in PowerShell before the data reaches the chart.
  • Not included: needs something the module does not ship, or does not fit an app; the reason is given.

Line and area

Gallery How
basic, smooth, step, stacked, stacked area, gradient area Parameter: -Type line/area/step, -Smooth, -Stacked
time axis, large area with zoom (area-simple) Parameter: time axis is detected; -Zoom
log axis Parameter: -LogScale
marker lines, average/min/max (line-marker, line-markline) Parameter: -MarkLine, -MarkPoint
sections and pieces coloured by value (line-sections, area-pieces) Parameter: -Thresholds
confidence band Parameter: -Band Low, High
intraday with breaks Parameter: -Breaks, New-UDEChartTimeBreak
several y axes (multiple-y-axis) Parameter: -SecondaryY (two axes)
sparklines in a table (matrix-sparkline) Parameter: -Type matrix
bump chart (rank over time) Parameter: -Type bump
line on a category y axis (line-y-category) -Options
two grids linked (grid-multiple), several x axes Parameter: two charts with the same -Group
dynamic data, line race Parameter: Set-UDEChartData (live updates); the race animation via -Options
polar lines (line-polar) -Options (polar coordinate system); polar bars: -Type polar
line-function, line-draggable, line-pen, fisheye, easing, line-graphic Not included: drawing and animation demos, no data use in an app

Bar

Gallery How
basic, horizontal, stacked, negative, labels, rotation, background, data colour Parameter: -Horizontal, -Stacked, -DataLabels, -NegativeColor, -Palette
normalized stack (bar-stack-normalization) Parameter: -Normalize
waterfall Parameter: -Type waterfall
brush select (bar-brush) Parameter: -Brush, -OnSelect
mix line and bar, zoom on value (mix-zoom-on-value) Parameter: -SecondaryY, -ZoomAxis Y; -Options for the series type (tested)
axis breaks (bar-breaks-simple, bar-breaks-brush) Parameter: -YBreaks
large bars Parameter: sampling and large mode above 20,000 points
sorted bars (data-transform-sort-bar) Server side: Sort-Object
drill-down (bar-drilldown, bar-multi-drilldown) Server side: -OnClick plus Set-UDEChartData with the level below
rich text labels, rounded stacks, gradient -Options (itemStyle, label.rich); rounded bars tested
bar race -Options (realtimeSort) with Set-UDEChartData
polar and radial bars (bar-polar-*, polar-roundCap) Parameter: -Type polar (categories around), -Type radialbar (rings with round caps)
animation delay, watermark, timeline finance Not included as parameters: decoration; timeline via -Options

Pie, funnel, gauge

Gallery How
pie, doughnut, rose, rounded, pad angle, legend, label alignment Parameter: -Type pie/donut, -Rose, -Legend, -LegendType
half donut -Options (startAngle, endAngle), tested
nested pie (pie-nest), several pies (data-transform-multiple-pie) Parameter: several charts, or -Options for a second series
pattern fill (pie-pattern) Parameter: -Decal
funnel, aligned and several funnels Parameter: -Type funnel; several via -Options
gauge, progress, ring, grade, stage, multi-title Parameter: -Type gauge, -GaugeStyle, -Thresholds
speedometer, clock, car, barometer, temperature -Options; no parameter, these are styling variants

Scatter

Gallery How
scatter, bubble, large scatter Parameter: -Type scatter, -Size
linear regression Parameter: -Trend Linear (with -Forecast, -TrendTarget)
exponential, logarithmic, polynomial regression, clustering Server side: compute in PowerShell and pass the fitted line as a series; not built in
punch card (weekday x hour) Parameter: -Type heatmap or a bubble scatter
single axis scatter, scatter matrix (SPLOM), jitter -Options, untested
effect scatter (ripples) -Options (type = 'effectScatter'), untested
scatter on maps (scatter-map, effectScatter-bmap) Not included: needs map data (see Maps)

Statistics and finance

Gallery How
boxplot, several boxplots Parameter: -Type boxplot (quartiles computed)
histogram Parameter: -Type histogram, -Bins
candlestick with volume, brush, large Parameter: -Type candlestick, -Volume
OHLC bars (custom-ohlc), error bars (custom-error-bar) Not included: custom series need a JavaScript renderItem function, which PowerShell cannot send

Heatmap and calendar

Gallery How
cartesian heatmap, large heatmap, piecewise colours Parameter: -Type heatmap; piecewise via -Options (visualMap)
correlation and confusion matrix (matrix-correlation-heatmap, matrix-confusion) Parameter: -Type heatmap
calendar heatmap, vertical and horizontal Parameter: -Type calendar
calendar with pies, graphs or icons in the days, lunar calendar Not included: decoration and Chinese calendar
heatmap on a map (heatmap-map, heatmap-bmap) Not included: needs map data

Relations and hierarchies

Gallery How
graph force, circular, labels, dynamic Parameter: -Type graph, -Layout Force/Circular/Layered, -EdgeLabel
dependency graphs (graph-webkit-dep, graph-npm) Parameter: -Type graph; thousands of nodes are slow in a force layout
sankey, vertical, node alignment, levels Parameter: -Type sankey; orientation and alignment via -Options
chord Parameter: -Type chord
tree: basic, orient, radial, legend, polyline Parameter: -Type tree, -Orient, -Depth; polyline edges via -Options (edgeShape)
treemap, drill-down, show parent, sunburst Parameter: -Type treemap/sunburst
treemap-sunburst transition Not included: animation demo
parallel coordinates Parameter: -Type parallel, selection fires -OnSelect
theme river Parameter: -Type themeriver
radar, several radars Parameter: -Type radar

Matrix (new in ECharts 6)

Gallery How
sparklines and mini bars per cell (matrix-sparkline, matrix-mini-bar-data-collection) Parameter: -Type matrix, -CellType Line/Area/Bar
correlation, covariance, confusion Parameter: -Type heatmap
pies, graphs or stock charts in cells, grid layout, periodic table, MBTI -Options for the matrix itself; charts in cells other than lines and bars are not built in
mini bars on a map (matrix-mini-bar-geo) Not included: needs map data

Gantt and custom series

Gallery How
gantt (custom-gantt-flight) Parameter: -Type gantt (built in, no JavaScript needed)
profile, hexbin, wind, flame graph, polar heatmap, spiral, parliament, circle packing Not included: custom series need a JavaScript renderItem function; a dedicated chart type can be added on request

Maps and geo

map, geo, lines (flight routes) and everything with bmap are not included: a map needs its GeoJSON or SVG registered in the browser with echarts.registerMap, which the module does not ship and PowerShell cannot call; bmap needs the Baidu Maps API online. A parameter that takes GeoJSON from PowerShell (sites, data centres, customers per country) is a possible extension.

3D, globe, GL

Not included: they need the separate echarts-gl package, and they rarely help to read operational data.

Data handling (dataset, transform)

Server side: shape the data in PowerShell (Sort-Object, Where-Object, Group-Object) and pass the result; dataset and transform are used through -Options only if needed.

Interaction and decoration

Gallery How
data zoom (inside, slider, on value) Parameter: -Zoom, -ZoomAxis
touch tooltips (line-tooltip-touch, candlestick-touch) Parameter: tooltips are on; confine keeps them inside the chart
rich text labels -Options (label.rich)
graphic elements, loading, stroke and wave animations, symbol morphing Not included: decoration