'/%3e%3cellipse%20cx='157'%20cy='149.5'%20fill='url(%23paint1_linear_627_22634)'%20opacity='0.35'%20rx='137'%20ry='125.5'%20/%3e%3cpath%20d='M159.104%20114.635L286.214%20244.151C258.768%20284.286%20212.862%20321.638%20157%20377.5C154.021%20374.521%20151.068%20371.595%20148.145%20368.716C139.365%20356.87%20130%20336.08%20130%20303.5C130%20255%20187%20236.5%20187%20184.5C187%20144.83%20169.32%20125.098%20159.104%20114.635Z'%20fill='url(%23paint2_linear_627_22634)'/%3e%3cg%20filter='url(%23filter0_f_627_22634)'%20opacity='0.34'%20%3e%3cellipse%20cx='61.007'%20cy='86.8158'%20fill='white'%20rx='17.1588'%20ry='25.7382'%20transform='rotate(34%2061.007%2086.8158)'%20/%3e%3c/g%3e%3cg%20filter='url(%23filter1_f_627_22634)'%3e%3cellipse%20cx='61.0069'%20cy='86.8165'%20fill='white'%20rx='6'%20ry='9'%20transform='rotate(34%2061.0069%2086.8165)'%20/%3e%3c/g%3e%3cdefs%3e%3cfilter%20color-interpolation-filters='sRGB'%20filterUnits='userSpaceOnUse'%20height='95.0037'%20id='filter0_f_627_22634'%20width='88.6727'%20x='16.6705'%20y='39.3141'%20%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20in='SourceGraphic'%20in2='BackgroundImageFix'%20mode='normal'%20result='shape'/%3e%3cfeGaussianBlur%20result='effect1_foregroundBlur_627_22634'%20stdDeviation='12.05'%20/%3e%3c/filter%3e%3cfilter%20color-interpolation-filters='sRGB'%20filterUnits='userSpaceOnUse'%20height='32.7652'%20id='filter1_f_627_22634'%20width='30.5523'%20x='45.7307'%20y='70.4338'%20%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20in='SourceGraphic'%20in2='BackgroundImageFix'%20mode='normal'%20result='shape'/%3e%3cfeGaussianBlur%20result='effect1_foregroundBlur_627_22634'%20stdDeviation='4.1'%20/%3e%3c/filter%3e%3clinearGradient%20gradientUnits='userSpaceOnUse'%20id='paint0_linear_627_22634'%20x1='157'%20x2='157'%20y1='284'%20y2='-35.5'%20%3e%3cstop%20stop-color='%23EBFAFF'/%3e%3cstop%20offset='1'%20stop-color='%230049E5'/%3e%3c/linearGradient%3e%3clinearGradient%20gradientUnits='userSpaceOnUse'%20id='paint1_linear_627_22634'%20x1='44'%20x2='220'%20y1='103.5'%20y2='150'%20%3e%3cstop%20stop-color='white'/%3e%3cstop%20offset='1'%20stop-color='white'%20stop-opacity='0'/%3e%3c/linearGradient%3e%3clinearGradient%20gradientUnits='userSpaceOnUse'%20id='paint2_linear_627_22634'%20x1='232'%20x2='162'%20y1='193'%20y2='410'%20%3e%3cstop%20stop-color='%23003EFF'/%3e%3cstop%20offset='1'%20stop-color='%237BB7FF'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e){kind=small}
Show an elevation profile styling
How the elements on Show an elevation profile are painted. Every element takes className and style on the same terms, alongside the icons and strings that customizing the elements explains in full.
ItineraryProfile
classNamestring
styleElementStyle
ItineraryProfile.Amenities
classNamestring
styleElementStyle
ItineraryProfile.Cutoffs
classNamestring
styleElementStyle
ItineraryProfile.Bands
classNamestring
styleElementStyle
ItineraryProfile.Chart
classNamestring
styleElementStyle
ItineraryProfile.DropLines
classNamestring
styleElementStyle
ItineraryProfile.Navigator
classNamestring
styleElementStyle
ItineraryProfile.Sections
classNamestring
styleElementStyle
ItineraryProfile.Stats
classNamestring
styleElementStyle
ItineraryProfile.Tooltip
classNamestring
styleElementStyle
ItineraryProfile.Waypoints
classNamestring
styleElementStyle
ItineraryProfile.XAxis
classNamestring
styleElementStyle