Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add possibility to invert Area series filled area #1115

Closed
kirchet opened this issue Jul 12, 2022 · 0 comments · Fixed by #1181
Closed

Add possibility to invert Area series filled area #1115

kirchet opened this issue Jul 12, 2022 · 0 comments · Fixed by #1181
Milestone

Comments

@kirchet
Copy link
Contributor

kirchet commented Jul 12, 2022

Is your feature request related to a problem? Please describe.

Add possibility to fill top area instead of bottom

image

Describe the solution you'd like

Add an addtional option like invertFilledArea to AreaStyleOptions.

/**
* Represents style options for an area series.
*/
export interface AreaStyleOptions {
/**
* Color of the top part of the area.
*
* @defaultValue `'rgba( 46, 220, 135, 0.4)'`
*/
topColor: string;
/**
* Color of the bottom part of the area.
*
* @defaultValue `'rgba( 40, 221, 100, 0)'`
*/
bottomColor: string;
/**
* Line color.
*
* @defaultValue `'#33D778'`
*/
lineColor: string;
/**
* Line style.
*
* @defaultValue {@link LineStyle.Solid}
*/
lineStyle: LineStyle;
/**
* Line width in pixels.
*
* @defaultValue `3`
*/
lineWidth: LineWidth;
/**
* Line type.
*
* @defaultValue {@link LineType.Simple}
*/
lineType: LineType;
/**
* Show the crosshair marker.
*
* @defaultValue `true`
*/
crosshairMarkerVisible: boolean;
/**
* Crosshair marker radius in pixels.
*
* @defaultValue `4`
*/
crosshairMarkerRadius: number;
/**
* Crosshair marker border color. An empty string falls back to the the color of the series under the crosshair.
*
* @defaultValue `''`
*/
crosshairMarkerBorderColor: string;
/**
* The crosshair marker background color. An empty string falls back to the the color of the series under the crosshair.
*
* @defaultValue `''`
*/
crosshairMarkerBackgroundColor: string;
/**
* Last price animation mode.
*
* @defaultValue {@link LastPriceAnimationMode.Disabled}
*/
lastPriceAnimation: LastPriceAnimationMode;
}

@kirchet kirchet added this to the 4.0 milestone Jul 12, 2022
@SlicedSilver SlicedSilver mentioned this issue Oct 20, 2022
3 tasks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging a pull request may close this issue.

1 participant