The constructor ElevationProfileControl can have many options, for instance, displaying the elevation line in red:

`ts
const epc = new ElevationProfileControl({ profileLineColor: "red" });
`

Below is the complete list of options:
`ts
{
/**
* If true, the elevation profile control will be visible as soon as it's ready.
* If false, a click on the control button (or a programmatic call to .showProfile())
* will be neccesary to show the profile.
*
* Default: false
*/
visible?: boolean;
/**
* Size of the profile as a CSS rule.
* This size will be the width if the .position is "left" or "right",
* and will be the height if the .position is "top" or "bottom".
*
* Default: "30%"
*/
size?: string;
/**
* Position of the elevation profile chart when shown.
*
* Default: "botton"
*/
position?: "top" | "left" | "right" | "bottom";
/**
* Show the control button. If can be handy to hide it, especially if the profile is displayed
* in a custom container and that its visiblity is managed by logic external to this control.
*
* Default: true
*/
showButton?: boolean;
/**
* A CSS class to add to the container. This is especially relevant when the options .container is not provided.
* Important: if provided, no styling is added by this control and even placement will have to be managed by external CSS.
*
* Default: ""
*/
containerClass?: string;
/**
* DIV element to contain the control.
* Important: if provided, no styling is added by this control.
* Default: automatically created inside the map container
*/
container?: string | HTMLDivElement;
/**
* Color of the background of the chart
*/
backgroundColor?: string | null;
/**
* Unit system to use.
* If "metric", elevation and D+ will be in meters, distances will be in km.
* If "imperial", elevation and D+ will be in feet, distances will be in miles.
*
* Default: "metric"
*/
unit?: "metric" | "imperial";
/**
* Font size applied to axes labels and tooltip.
*
* Default: 12
*/
fontSize?: number;
/**
* If true, will force the computation of the elevation of the GeoJSON data provided to the .setData() method,
* even if they already contain elevation (possibly from GPS while recording). If false, the elevation will only
* be computed if missing from the positions.
*
* Default: false
*/
forceComputeElevation?: boolean;
/**
* Display the elevation label along the vertical axis.
*
* Default: true
*/
displayElevationLabels?: boolean;
/**
* Display the distance labels alon the horizontal axis.
*
* Default: true
*/
displayDistanceLabels?: boolean;
/**
* Display the distance and elevation units alongside the labels.
*
* Default: true
*/
displayUnits?: boolean;
/**
* Color of the elevation and distance labels.
*
* Default: "#0009" (partially transparent black)
*/
labelColor?: string;
/**
* Color of the elevation profile line.
* Can be null to not display the line and rely on the background color only.
*
* Default: "#66ccff"
*/
profileLineColor?: string | null;
/**
* Width of the elevation profile line.
*
* Default: 1.5
*/
profileLineWidth?: number;
/**
* Color of the elevation profile background (below the profile line)
* Can be null to not display any backgound color.
*
* Default: "#66ccff22"
*/
profileBackgroundColor?: string | null;
/**
* Display the tooltip folowing the pointer.
*
* Default: true
*/
displayTooltip?: boolean;
/**
* Color of the text inside the tooltip.
*
* Default: "#fff"
*/
tooltipTextColor?: string;
/**
* Color of the tooltip background.
*
* Default: "#000A" (partially transparent black)
*/
tooltipBackgroundColor?: string;
/**
* Display the distance information inside the tooltip if true.
*
* Default: true
*/
tooltipDisplayDistance?: boolean;
/**
* Display the elevation information inside the tooltip if true.
*
* Default: true
*/
tooltipDisplayElevation?: boolean;
/**
* Display the D+ (cumulated positive ascent) inside the tooltip if true.
*
* Default: true
*/
tooltipDisplayDPlus?: boolean;
/**
* Display the slope grade in percentage inside the tooltip if true.
*
* Default: true
*/
tooltipDisplayGrade?: boolean;
/**
* Display the distance grid lines (vertical lines matching the distance labels) if true.
*
* Default: false
*/
displayDistanceGrid?: boolean;
/**
* Display the elevation grid lines (horizontal lines matching the elevation labels) if true.
*
* Default: true
*/
displayElevationGrid?: boolean;
/**
* Color of the distance grid lines.
*
* Default: "#0001" (partially transparent black)
*/
distanceGridColor?: string;
/**
* Color of the elevation drig lines.
*
* Default: "#0001" (partially transparent black)
*/
elevationGridColor?: string;
/**
* Padding at the top of the chart, in number of pixels.
*
* Default: 30
*/
paddingTop?: number;
/**
* Padding at the bottom of the chart, in number of pixels.
*
* Default: 10
*/
paddingBottom?: number;
/**
* Padding at the left of the chart, in number of pixels.
*
* Default: 10
*/
paddingLeft?: number;
/**
* Padding at the right of the chart, in number of pixels.
*
* Default: 10
*/
paddingRight?: number;
/**
* Display the crosshair, a vertical line that follows the pointer, if true.
*
* Default: true
*/
displayCrosshair?: boolean;
/**
* Color of the crosshair.
*
* Default: "#0005" (partially transparent black)
*/
crosshairColor?: string;
/**
* Callback function to call when the chart is zoomed or panned.
* The argument windowedLineString is the GeoJSON LineString corresponding
* to the portion of the route visible in the elevation chart.
*
* Default: null
*/
onChangeView?: ((windowedLineString: LineString) => void) | null;
/**
* Callback function to call when the the elevation chart is clicked.
*
* Default: null
*/
onClick?: ((data: CallbackData) => void) | null;
/**
* Callback function to call when the pointer is moving on the elevation chart.
*
* Default: null
*/
onMove?: ((data: CallbackData) => void) | null;
}
`

With CallbackData being:
`ts
{
/**
* The position as [lon, lat, elevation].
* Elevation will be in meters if the component has been set with the unit "metric" (default)
* of in feet if the unit is "imperial".
*/
position: Position;
/**
* The distance from the start of the route. In km if the component has been set with the unit "metric" (default)
* of in miles if the unit is "imperial".
*/
distance: number;
/**
* Cumulated positive elevation from the begining of the route up to this location.
* In meters if the component has been set with the unit "metric" (default)
* of in feet if the unit is "imperial".
*/
dPlus: number;
/**
* Slope grade in percentage (1% being a increase of 1m on a 100m distance)
*/
gradePercent: number;
};
``