Controlling borders on volume display

The volume bars can be displayed in-line with the chart as an underlay or they can be displayed on a separate study panel.

Volume Underlay

Borders are defined in the CSS. You can set them to any color you wish.

To disable the borders, simply set the 'border-left-color' properties to "transparent".

Example

                /* Volume underlay styles */
                .stx_volume_underlay_up {
                    color: rgb(140, 193, 118);
                    opacity: .5;
                    border-left-color: transparent;
                }
                .stx_volume_underlay_down {
                    color: rgb(184, 45, 12);
                    opacity: .5;
                    border-left-color: transparent;
                }
                .Dark .stx_volume_underlay_up {
                    border-left-color: transparent;
                }
                .Dark .stx_volume_underlay_down {
                    border-left-color: transparent;
                }

Volume Panel

To control the border display on the volume panel, set the displayBorder parameter to true or false as needed. Specific colors for the volume panel borders can not be set at this time.

Example:

                "vchart": {
                    "display": "Volume",
                    "range": "bypass",
                    "seriesFN": null,
                    "calculateFN": STX.Studies.calculateVolume,
                    "inputs": {},
                    "outputs": {"Up Volume":"#8cc176","Down Volume":"#b82c0c"},
                    "parameters": {
                        "zoom": 0,
                        "displayBorder": true
                    }