Charts_HowTo
Charts
Getting Started
Simple Charts
Advanced Charts
Customize
Customize
HighCharts Library
xAxis
labels
align :
enabled :
rotation :
step :
staggerLines :
plotBands
color :
plotLines
color :
yAxis
allowDecimals :
alternateGridColor :
ceiling :
floor :
endOnTick :
gridLineDashStyle :
gridLineColor :
gridLineWidth :
gridLineColor :
lineColor :
lineWidth :
max :
min :
minRange :
maxRange :
offset :
opposite :
reversed :
reversedStacks :
showEmpty :
showLastLabel :
showLastLabel :
startOfWeek :
startOnTick :
tickColor :
tickInterval :
tickLength :
tickPixelInterval :
tickPosition :
tickWidth :
tickmarkPlacement :
tooltip
animation :
backgroundColor :
borderColor :
borderRadius :
borderWidth :
enabled :
followPointer :
followTouchMove :
footerFormat :
headerFormat :
hideDelay :
pointFormat :
shadow :
shape :
shared :
snap :
useHTML :
valueDecimals :
valueSuffix :
valuePrefix :
xDateFormat :
title
margin :
floating :
text :
useHTML :
verticalAlign :
x :
y :
subtitle
align :
floating :
text :
useHTML :
verticalAlign :
x :
y :
series
id :
index :
name :
type :
zIndex :
plotOptions
area
allowPointSelect :
animation :
duration :
easing :
color :
connectEnds :
connectNulls :
cropThreshold :
dashStyle :
enableMouseTracking :
fillColor :
fillOpacity :
lineColor :
lineWidth :
negativeColor :
negativeFillColor :
pointInterval :
pointStart :
selected :
showCheckbox :
showInLegend :
stickyTracking :
trackByArea :
turboThreshold :
visible :
series
allowPointSelect :
animation :
color :
dashStyle :
dataLabels
align :
borderRadius :
backgroundColor :
borderColor :
color :
enabled :
borderWidth :
rotation :
padding :
shadow :
useHTML :
verticalAlign :
x :
y :
zIndex :
enableMouseTracking :
lineWidth :
marker
enabled :
fillColor :
height :
lineColor :
lineWidth :
radius :
states
hover
enabled :
fillColor :
lineColor :
lineWidth :
lineWidthPlus :
radius :
radiusPlus :
select
enabled :
fillColor :
lineColor :
lineWidth :
radius :
symbol :
width :
legend
align :
backgroundColor :
borderColor :
borderRadius :
borderWidth :
enabled :
floating :
itemDistance :
itemMarginBottom :
itemMarginTop :
itemWidth :
layout :
lineHeight :
margin :
padding :
reversed :
rtl :
symbolPadding :
symbolRadius :
symbolWidth :
verticalAlign :
width :
x :
y :
Refresh
Refresh
Refresh
Refresh
Refresh
Refresh
Refresh
Refresh
Refresh
Refresh
Refresh
Refresh
Refresh
Refresh
Refresh
Refresh
Refresh
Refresh
Refresh
Refresh
Refresh
Refresh
Refresh
Refresh
Refresh
Refresh
-
Solid
ShortDash
ShortDot
ShortDashDot
ShortDashDotDot
Dot
Dash
LongDashLongDashLongDashDotDot
Refresh
Refresh
Refresh
Refresh
Refresh
Refresh
Refresh
Refresh
Refresh
Refresh
Refresh
Refresh
Refresh
Refresh
Refresh
Refresh
Refresh
Refresh
Refresh
Refresh
Refresh
Refresh
Refresh
Refresh
Refresh
Refresh
Refresh
Refresh
Refresh
-
top
middle
bottom
Refresh
Refresh
Refresh
-
left
center
righ
Refresh
Refresh
Refresh
Refresh
-
top
middle
bottom
Refresh
Refresh
Refresh
Refresh
Refresh
Refresh
Refresh
Refresh
-
left
center
right
Refresh
Refresh
Refresh
Refresh
Refresh
Refresh
Refresh
Refresh
Refresh
Refresh
Refresh
-
horizontal
vertical
Refresh
Refresh
Refresh
Refresh
Refresh
Refresh
Refresh
Refresh
Refresh
-
top
middle
bottom
Refresh
Refresh
Refresh
Refresh
-
left
center
right
Refresh
Refresh
Refresh
Refresh
Refresh
Refresh
Refresh
Refresh
Refresh
Refresh
Refresh
Refresh
Refresh
Refresh
-
Solid
ShortDash
ShortDot
ShortDashDot
ShortDashDotDot
Dot
Dash
LongDashLongDashLongDashDotDot
Refresh
Refresh
Refresh
Refresh
Refresh
Refresh
Refresh
Refresh
Refresh
Refresh
Refresh
Refresh
Refresh
Refresh
Refresh
Refresh
Refresh
Refresh
Refresh
Refresh
-
Solid
ShortDash
ShortDot
ShortDashDot
ShortDashDotDot
Dot
Dash
LongDashLongDashLongDashDotDot
Refresh
Refresh
Refresh
Refresh
Refresh
Refresh
-
Refresh
-
left
center
right
Refresh
Refresh
Refresh
Refresh
Refresh
Refresh
Refresh
Refresh
Refresh
Refresh
Refresh
-
top
middle
bottom
Refresh
Refresh
Refresh
Refresh
Refresh
Refresh
Refresh
Refresh
Refresh
Refresh
Refresh
Refresh
Refresh
Refresh
Refresh
Refresh
Refresh
Refresh
Refresh
Refresh
Refresh
Refresh
+
-
Chart Result
Line
Bar
Column
Pie
Area
Code Selected
plotOptions >
area >
allowPointSelect (true)
plotOptions >
area >
animation (true)
plotOptions >
area >
dashStyle ('Solid')
Clear all
Code Result
plotOptions: {
area: {
allowPointSelect: true
,
animation: true
,
dashStyle: 'Solid'
}
}
Copy to clipboard
RefreshAll
RefreshResults
Built with
OutSystems Platform
Loading...
Click here to see your activities