Sector

Polar sectors are complementary components within PolarChart which highlight a range along both Amplitude axis and Radial axis:

// Creation of polar sector
const sector = chart.addSector()

Sector amplitude range

sector
    .setAmplitudeStart(0.1)
    .setAmplitudeEnd(0.9)

Sector radial range

sector
    .setAngleStart(25)
    .setAngleEnd(65)

Sector fill

sector.setFillStyle(new SolidFill({ color: ColorRGBA(255, 0, 0) }))

For more details about style API, please see Styles, colors and fonts.

Sector border stroke

sector.setStrokeStyle(new SolidLine({ thickness: 1, fillStyle: new SolidFill({ color: ColorRGBA(255, 0, 0) }) }))

For more details about style API, please see Styles, colors and fonts.

User interactions

Custom user interactions can be added using Sector Events API:

sector.addEventListener('click', event => {
    console.log('user clicked sector')
})

Hiding sector temporarily

sector.setVisible(false)