Box
Map

JavaScript/jQuery PolarChart - commonSeriesSettings.border

An object that defines the series border configuration properties.

Type:

Object

This member is exposed by the following entities:

You can configure border settings in the following objects:

  • commonSeriesSettings
    Configures the border object for all supported series.
  • commonSeriesSettings.area, commonSeriesSettings.bar, commonSeriesSettings.stackedbar
    Configure the border object for all series of a specific type. These objects overwrite border configuration in commonSeriesSettings.
  • series
    Configures the border object for a specific series. Overwrites border configuration in commonSeriesSettings and series-specific objects.
jQuery
index.js
$(() => {
    $("#polarChartContainer").dxPolarChart({
        commonSeriesSettings: {
            border: {
                visible: true,
                color: "black",
                dashStyle: "longDashdot",
                width: 1,
            }
        }
    })
})
Angular
app.component.html
<dx-polar-chart>
    <dxo-common-series-settings>
        <dxo-border
            [visible]="true"
            color="black"
            dashStyle="longDashdot"
            width="1"
        ></dxo-border>
    </dxo-common-series-settings>
</dx-polar-chart>
Vue
App.vue
<template>
    <DxPolarChart>
        <DxCommonSeriesSettings>
            <DxBorder
                :visible="true"
                color="black"
                dashStyle="longDashdot"
                width="1"
            />
        </DxCommonSeriesSettings>
    </DxPolarChart>
</template>
React
App.tsx
function App() {
    return (
        <PolarChart>
            <CommonSeriesSettings>
                <Border
                    visible={true}
                    color="black"
                    dashStyle="longDashdot"
                    width="1"
                />
            </CommonSeriesSettings>
        </PolarChart>
    )
}

color

Sets a border color for a series.

Type:

String

| undefined
Default Value: undefined
This member is exposed by the following entities:

This property supports the following colors:

dashStyle

Specifies a dash style for the borders of series points.

Type:

DashStyle

| undefined
Default Value: undefined
This member is exposed by the following entities:

The following dash styles are available:

  • solid
    The border is a solid, continuous line.

  • longDash
    The border is displayed using long dashes.

  • dash
    The border is displayed using dashes.

  • dot
    The border is displayed using dots.

  • Any combination of 'longDash', 'dash' and 'dot'
    The border is displayed by repeating the specified combination. For instance, 'dashdotdash'.

visible

Sets border visibility for a series.

Type:

Boolean

Default Value: false
This member is exposed by the following entities:

width

Sets a border width for a series in pixels.

Type:

Number

Default Value: 2
This member is exposed by the following entities: