JavaScript/jQuery PolarChart - commonSeriesSettings.border
An object that defines the series border configuration properties.
Type:
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:
| undefined
Default Value: undefined
This property supports the following colors:
- Hexadecimal colors
- RGB colors
- RGBA colors
- Predefined/cross-browser color names
- Predefined SVG colors
- Paint server address
dashStyle
Specifies a dash style for the borders of series points.
Type:
| undefined
Default Value: undefined
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'.
Feedback