Charts

WCartesian


Child components

<WLine /> <WBar /> <WCartesianGrid /> <WScatter /> <WXAxis /> <WYAxis /> <WZAxis /> <WMarker /> <WTooltip /> <WLegend /> Valid SVG elements

Properties

Property Type Default value Description
dataset array [] Chart data, example: [{name: 'Page A', one: 3000, two: 1400, three: 400}, ...]
responsive bool false If true set, the container is responsive
height number 400 The height of the chart container in pixels
width number 600 The width of the chart container in pixels
gap array 0 or [0, 0, 0, 0] Padding inside the chart space
colors array ['#3fb1e3', '#6be6c1', '#626c91', '#a0a7e6', '#c4ebad', '#96dee8', '#013566', '##ff4f81' ] Colors palette
scatter bool false If true set, the chart is scatter
bound array [] Y axis bounds, can be function or number
xBound array [] X axis bounds, can be function or number

Zones


WPieChart

Child components

<WPie /> <WTooltip /> <WLegend /> Valid SVG elements

Properties

Property Type Default value Description
dataset array [] Chart data, example: [{name: 'Page A', one: 3000, two: 1400, three: 400}, ...]
responsive bool false If true set, the container is responsive
height number 400 The height of the chart container in pixels
width number 600 The width of the chart container in pixels
cx string 50% Pie percentage width
cy string 50% Pie percentage height
startAngle number 0 Angle start Pie
endAngle number 360 Angle end Pie
paddingAngle number 0 Padding between angles (paths)
colors array ['#3fb1e3', '#6be6c1', '#626c91', '#a0a7e6', '#c4ebad', '#96dee8', '#013566', '##ff4f81' ] Colors palette