class anychart.core.utils.Quarter Improve this Doc

var bottomStroke = background.bottomStroke();

• String formatted as '[thickness ]color[ opacity]':
  1. 'color' - https://www.w3schools.com/html/html_colors.asp.
  2. 'thickness color' - like a css border, e.g. '3 red' or '3px red'
  3. 'color opacity' - as a fill string, e.g. '#fff 0.5'
  4. 'thickness color opacity' - as a complex string, e.g. '3px #00ff00 0.5'
• anychart.graphics.vector.Stroke object
• anychart.graphics.vector.GradientKey keys array
• null resets current stroke settings

var quarters = chart.quarters();
var disablePointerEvents = quarters.disablePointerEvents();

var enabled = background.enabled();

• ObjectBoundingBox preserving an angle
• ObjectBoundingBox no angle preservation
• UserSpaceOnUse

Modes:

ObjectBoundingBox preserving an angle
If boolean is passed it says how gradient behaves, specificaly how gradient line angle behaves. If true - it is ObjectBoundingBox with angle preservation. If angle is preserved, in any shape angle looks as one expects it to see.
Note: By default gradient vector for any shape, which sides are not in 1:1 proportions, will not look as expected, because browser transforms this angle.

ObjectBoundingBox no angle preservation
If false is passed - that's ObjectBoundingBox no angle preservation. In this case default behaviour comes up - gradient vector is calculated for a shape with 1:1 side proportions.

UserSpaceOnUse
If anychart.graphics.math.Rect is passed - that'sUserSpaceOnUse mode. In this mode gradient gets its own size and coordinates. Shapes with such gradient will be colored only in those parts, which are covered by this custom gradient. Read more about this mode at gradientUnits. Angle is always preserved in this mode.

• null/boolean - disable or enable chart label.
• string - sets chart label text value.
• object - sets chart label settings.

• null/boolean - disable or enable chart label.
• string - sets chart label text value.
• object - sets chart label settings.

var leftStroke = background.leftStroke();

• String formatted as '[thickness ]color[ opacity]':
  1. 'color' - https://www.w3schools.com/html/html_colors.asp.
  2. 'thickness color' - like a css border, e.g. '3 red' or '3px red'
  3. 'color opacity' - as a fill string, e.g. '#fff 0.5'
  4. 'thickness color opacity' - as a complex string, e.g. '3px #00ff00 0.5'
• anychart.graphics.vector.Stroke object
• anychart.graphics.vector.GradientKey keys array
• null resets current stroke settings

// all margins 15px
quarters.rightTop().margin(15);
// all margins 15px
quarters.rightTop().margin("15px");
// top and bottom 5px, right and left 15px
quarters.rightTop().margin(anychart.utils.margin(5, 15));

// 1) all 10px
quarters.rightTop().margin(10);
// 2) top and bottom 10px, left and right 15px
quarters.rightTop().margin(10, '15px');
// 3) top 10px, left and right 15px, bottom 5px
quarters.rightTop().margin(10, '15px', 5);
// 4) top 10px, right 15px, bottom 5px, left 12px
quarters.rightTop().margin(10, '15px', '5px', 12);

quarters.rightTop().padding([5, 15]);
or
quarters.rightTop().padding({left: 10, top: 20, bottom: 30, right: '40%'}});

// 1) all 10px
quarters.rightTop().padding(10);
// 2) top and bottom 10px, left and right 15px
quarters.rightTop().padding(10, '15px');
// 3) top 10px, left and right 15px, bottom 5px
quarters.rightTop().padding(10, '15px', 5);
// 4) top 10px, right 15%, bottom 5px, left 12px
quarters.rightTop().padding(10, '15%', '5px', 12);

var rightStroke = background.rightStroke();

• String formatted as '[thickness ]color[ opacity]':
  1. 'color' - https://www.w3schools.com/html/html_colors.asp.
  2. 'thickness color' - like a css border, e.g. '3 red' or '3px red'
  3. 'color opacity' - as a fill string, e.g. '#fff 0.5'
  4. 'thickness color opacity' - as a complex string, e.g. '3px #00ff00 0.5'
• anychart.graphics.vector.Stroke object
• anychart.graphics.vector.GradientKey keys array
• null resets current stroke settings

• String formatted as '[thickness ]color[ opacity]':
  1. 'color' - https://www.w3schools.com/html/html_colors.asp.
  2. 'thickness color' - like a css border, e.g. '3 red' or '3px red'
  3. 'color opacity' - as a fill string, e.g. '#fff 0.5'
  4. 'thickness color opacity' - as a complex string, e.g. '3px #00ff00 0.5'
• anychart.graphics.vector.Stroke object
• anychart.graphics.vector.GradientKey keys array
• null resets current stroke settings

• null/boolean - disable or enable quarter title.
• string - sets quarter title text value.
• object - sets quarter title settings.

var topStroke = background.topStroke();

• String formatted as '[thickness ]color[ opacity]':
  1. 'color' - https://www.w3schools.com/html/html_colors.asp.
  2. 'thickness color' - like a css border, e.g. '3 red' or '3px red'
  3. 'color opacity' - as a fill string, e.g. '#fff 0.5'
  4. 'thickness color opacity' - as a complex string, e.g. '3px #00ff00 0.5'
• anychart.graphics.vector.Stroke object
• anychart.graphics.vector.GradientKey keys array
• null resets current stroke settings