axes
The axes statement is used to add labelled axes to the chart.
Synopsis
axes {
position: <position>;
scale: <scale>;
scale-x: <scale>;
scale-y: <scale>;
scale-top: <scale>;
scale-right: <scale>;
scale-bottom: <scale>;
scale-left: <scale>;
limit-x: <limit>;
limit-y: <limit>;
limit-top: <limit>;
limit-right: <limit>;
limit-bottom: <limit>;
limit-left: <limit>;
label-placement-x: <label_placement>;
label-placement-y: <label_placement>;
label-placement-top: <label_placement>;
label-placement-right: <label_placement>;
label-placement-bottom: <label_placement>;
label-placement-left: <label_placement>;
label-format: <label_format>;
label-format-x: <label_format>;
label-format-y: <label_format>;
label-format-top: <label_format>;
label-format-right: <label_format>;
label-format-bottom: <label_format>;
label-format-left: <label_format>;
label-attach-top: <label_attach>;
label-attach-right: <label_attach>;
label-attach-bottom: <label_attach>;
label-attach-left: <label_attach>;
label-offset-top: <label_offset>;
label-offset-right: <label_offset>;
label-offset-bottom: <label_offset>;
label-offset-left: <label_offset>;
label-padding-top: <label_padding>;
label-padding-right: <label_padding>;
label-padding-bottom: <label_padding>;
label-padding-left: <label_padding>;
label-rotate-top: <label_rotate>;
label-rotate-right: <label_rotate>;
label-rotate-bottom: <label_rotate>;
label-rotate-left: <label_rotate>;
label-color: <color>;
label-color-x: <color>;
label-color-y: <color>;
label-color-top: <color>;
label-color-right: <color>;
label-color-bottom: <color>;
label-color-left: <color>;
label-font-size: <font_size>;
label-font-size-x: <font_size>;
label-font-size-y: <font_size>;
label-font-size-top: <font_size>;
label-font-size-right: <font_size>;
label-font-size-bottom: <font_size>;
label-font-size-left: <font_size>;
tick-placement-x: <tick_placement>;
tick-placement-y: <tick_placement>;
tick-placement-top: <tick_placement>;
tick-placement-right: <tick_placement>;
tick-placement-bottom: <tick_placement>;
tick-placement-left: <tick_placement>;
tick-offset-top: <tick_offset>;
tick-offset-right: <tick_offset>;
tick-offset-bottom: <tick_offset>;
tick-offset-left: <tick_offset>;
tick-length-top: <tick_length>;
tick-length-right: <tick_length>;
tick-length-bottom: <tick_length>;
tick-length-left: <tick_length>;
title-x: <title>;
title-y: <title>;
title-top: <title>;
title-right: <title>;
title-bottom: <title>;
title-left: <title>;
title-offset-top: <title_offset>;
title-offset-right: <title_offset>;
title-offset-bottom: <title_offset>;
title-offset-left: <title_offset>;
title-padding-top: <title_padding>;
title-padding-right: <title_padding>;
title-padding-bottom: <title_padding>;
title-padding-left: <title_padding>;
title-rotate-top: <title_rotate>;
title-rotate-right: <title_rotate>;
title-rotate-bottom: <title_rotate>;
title-rotate-left: <title_rotate>;
title-color: <color>;
title-color-top: <color>;
title-color-right: <color>;
title-color-bottom: <color>;
title-color-left: <color>;
title-font: <font_size>;
title-font-top: <font_size>;
title-font-right: <font_size>;
title-font-bottom: <font_size>;
title-font-left: <font_size>;
title-font-size: <font_size>;
title-font-size-top: <font_size>;
title-font-size-right: <font_size>;
title-font-size-bottom: <font_size>;
title-font-size-left: <font_size>;
border-width: <stroke_width>;
border-width-top: <stroke_width>;
border-width-right: <stroke_width>;
border-width-bottom: <stroke_width>;
border-width-left: <stroke_width>;
border-color: <color>;
border-color-top: <color>;
border-color-right: <color>;
border-color-bottom: <color>;
border-color-left: <color>;
border-syle: <stroke_style>;
border-syle-top: <stroke_style>;
border-syle-right: <stroke_style>;
border-syle-bottom: <stroke_style>;
border-syle-left: <stroke_style>;
}List of Options
position
Controls which the axes are drawn. By default, all four axes (top/right/bottom/left) are drawn.
position (top|right|bottom|left)
Examples:
;; show only the right and bottom axes
position (right bottom)
;; hide all axes
position ()
scale
Set the axis scale type.
scale: [linear] [log] [logarithmic] [invert] [inverted];
List of scale types: - `linear` - Standard linear scale - `log`, `logarithmic` - Logarithmic (log10) scale - `invert`, `inverted` - Flip the scale
Examples:
;; set the scale to logarithmic mode
scale: log;
;; set the scale to inverted mode
scale: invert;
scale-x
Set the axis scale type for the top/bottom axes.
scale-x: [linear] [log] [logarithmic] [invert] [inverted];
List of scale types: - `linear` - Standard linear scale - `log`, `logarithmic` - Logarithmic (log10) scale - `invert`, `inverted` - Flip the scale
Examples:
;; set the scale to logarithmic mode
scale-x: log;
;; set the scale to inverted mode
scale-x: invert;
scale-y
Set the axis scale type for the left/right axes.
scale-y: [linear] [log] [logarithmic] [invert] [inverted];
List of scale types: - `linear` - Standard linear scale - `log`, `logarithmic` - Logarithmic (log10) scale - `invert`, `inverted` - Flip the scale
Examples:
;; set the scale to logarithmic mode
scale-y: log;
;; set the scale to inverted mode
scale-y: invert;
scale-top
Set the axis scale type for the top axes.
scale-top: [linear] [log] [logarithmic] [invert] [inverted];
List of scale types: - `linear` - Standard linear scale - `log`, `logarithmic` - Logarithmic (log10) scale - `invert`, `inverted` - Flip the scale
Examples:
;; set the scale to logarithmic mode
scale-top: log;
;; set the scale to inverted mode
scale-top: invert;
scale-right
Set the axis scale type for the right axes.
scale-right: [linear] [log] [logarithmic] [invert] [inverted];
List of scale types: - `linear` - Standard linear scale - `log`, `logarithmic` - Logarithmic (log10) scale - `invert`, `inverted` - Flip the scale
Examples:
;; set the scale to logarithmic mode
scale-right: log;
;; set the scale to inverted mode
scale-right: invert;
scale-bottom
Set the axis scale type for the bottom axes.
scale-bottom: [linear] [log] [logarithmic] [invert] [inverted];
List of scale types: - `linear` - Standard linear scale - `log`, `logarithmic` - Logarithmic (log10) scale - `invert`, `inverted` - Flip the scale
Examples:
;; set the scale to logarithmic mode
scale-bottom: log;
;; set the scale to inverted mode
scale-bottom: invert;
scale-left
Set the axis scale type for the left axes.
scale-left: [linear] [log] [logarithmic] [invert] [inverted];
List of scale types: - `linear` - Standard linear scale - `log`, `logarithmic` - Logarithmic (log10) scale - `invert`, `inverted` - Flip the scale
Examples:
;; set the scale to logarithmic mode
scale-left: log;
;; set the scale to inverted mode
scale-left: invert;
limit-x
Set the axis limits (minimum and maximum value) for the top/bottom axes.
limit-x: <min> <max;
Examples:
;; set limits to [1..10]
limit-x: 1 10;
limit-y
Set the axis limits (minimum and maximum value) for the left/right axes.
limit-y: <min> <max;
Examples:
;; set limits to [1..10]
limit-y: 1 10;
limit-top
Set the axis limits (minimum and maximum value) for the top axes.
limit-top: <min> <max;
Examples:
;; set limits to [1..10]
limit-top: 1 10;
limit-right
Set the axis limits (minimum and maximum value) for the right axes.
limit-right: <min> <max;
Examples:
;; set limits to [1..10]
limit-right: 1 10;
limit-bottom
Set the axis limits (minimum and maximum value) for the bottom axes.
limit-bottom: <min> <max;
Examples:
;; set limits to [1..10]
limit-bottom: 1 10;
limit-left
Set the axis limits (minimum and maximum value) for the left axes.
limit-left: <min> <max;
Examples:
;; set limits to [1..10]
limit-left: 1 10;
label-placement-x
The 'label-placement-x' option controls the axis label placement for the top and bottom axes.
label-placement: <label-placement>;
Examples:
;; subdivide the axis into 10 ticks
label-placement: subdivide(10);
label-placement-y
The 'label-placement-y' option controls the axis label placement for the left and right axes.
label-placement: <label-placement>;
Examples:
;; subdivide the axis into 10 ticks
label-placement: subdivide(10);
label-placement-top
The 'label-placement-top' option controls the axis label placement for the top axis.
label-placement: <label-placement>;
Examples:
;; subdivide the axis into 10 ticks
label-placement: subdivide(10);
label-placement-right
The 'label-placement-right' option controls the axis label placement for the right axis.
label-placement: <label-placement>;
Examples:
;; subdivide the axis into 10 ticks
label-placement: subdivide(10);
label-placement-bottom
The 'label-placement-bottom' option controls the axis label placement for the bottom axis.
label-placement: <label-placement>;
Examples:
;; subdivide the axis into 10 ticks
label-placement: subdivide(10);
label-placement-left
The 'label-placement-left' option controls the axis label placement for the left axis.
label-placement: <label-placement>;
Examples:
;; subdivide the axis into 10 ticks
label-placement: subdivide(10);
label-format
The 'label-format-x' option controls the axis label format
labels: <labels>;
Examples:
/* use scientific labels for the top/bottom axes */
label-format: scientific;
label-format-x
The 'label-format-x' option controls the axis label format for the top and bottom axes.
labels: <labels>;
Examples:
/* use scientific labels for the top/bottom axes */
label-format: scientific;
label-format-y
The 'label-format-y' option controls the axis label format for the left and right axes.
labels: <labels>;
Examples:
/* use scientific labels for the top/bottom axes */
label-format: scientific;
label-format-top
The 'label-format-top' option controls the axis label format for the top axis.
labels: <labels>;
Examples:
/* use scientific labels for the top/bottom axes */
label-format: scientific;
label-format-right
The 'label-format-right' option controls the axis label format for the right axis.
labels: <labels>;
Examples:
/* use scientific labels for the top/bottom axes */
label-format: scientific;
label-format-bottom
The 'label-format-bottom' option controls the axis label format for the bottom axis.
labels: <labels>;
Examples:
/* use scientific labels for the top/bottom axes */
label-format: scientific;
label-format-left
The 'label-format-left' option controls the axis label format for the left axis.
labels: <labels>;
Examples:
/* use scientific labels for the top/bottom axes */
label-format: scientific;
label-attach-top
The 'label-attach-top' option controls the axis label attach for the top axis.
label-attach: [top|right|bottom|left];
Examples:
/* set label attach to left */
label-attach: left;
label-attach-right
The 'label-attach-right' option controls the axis label attach for the right axis.
label-attach: [top|right|bottom|left];
Examples:
/* set label attach to left */
label-attach: left;
label-attach-bottom
The 'label-attach-bottom' option controls the axis label attach for the bottom axis.
label-attach: [top|right|bottom|left];
Examples:
/* set label attach to left */
label-attach: left;
label-attach-left
The 'label-attach-left' option controls the axis label attach for the left axis.
label-attach: [top|right|bottom|left];
Examples:
/* set label attach to left */
label-attach: left;
label-offset-top
The 'label-offset-top' option controls the axis label offset for the top axis.
label-offset: <value>;
Examples:
/* center the labels */
label-offset: 0;
label-offset-right
The 'label-offset-right' option controls the axis label offset for the right axis.
label-offset: <value>;
Examples:
/* center the labels */
label-offset: 0;
label-offset-bottom
The 'label-offset-bottom' option controls the axis label offset for the bottom axis.
label-offset: <value>;
Examples:
/* center the labels */
label-offset: 0;
label-offset-left
The 'label-offset-left' option controls the axis label offset for the left axis.
label-offset: <value>;
Examples:
/* center the labels */
label-offset: 0;
label-padding-top
The 'label-padding-top' option controls the axis label padding for the top axis.
label-padding: <measure>;
Examples:
/* set the label padding to 2em */
label-padding: 2em;
label-padding-right
The 'label-padding-right' option controls the axis label padding for the right axis.
label-padding: <measure>;
Examples:
/* set the label padding to 2em */
label-padding: 2em;
label-padding-bottom
The 'label-padding-bottom' option controls the axis label padding for the bottom axis.
label-padding: <measure>;
Examples:
/* set the label padding to 2em */
label-padding: 2em;
label-padding-left
The 'label-padding-left' option controls the axis label padding for the left axis.
label-padding: <measure>;
Examples:
/* set the label padding to 2em */
label-padding: 2em;
label-rotate-top
The 'label-rotate-top' option controls the axis label rotate for the top axis.
label-rotate: <value>;
Examples:
/* rotate the label by 45deg clockwise */
label-rotate: 45;
label-rotate-right
The 'label-rotate-right' option controls the axis label rotate for the right axis.
label-rotate: <value>;
Examples:
/* rotate the label by 45deg clockwise */
label-rotate: 45;
label-rotate-bottom
The 'label-rotate-bottom' option controls the axis label rotate for the bottom axis.
label-rotate: <value>;
Examples:
/* rotate the label by 45deg clockwise */
label-rotate: 45;
label-rotate-left
The 'label-rotate-left' option controls the axis label rotate for the left axis.
label-rotate: <value>;
Examples:
/* rotate the label by 45deg clockwise */
label-rotate: 45;
label-color
The 'label-color' option controls the axis label color.
label-color: <color>;
Examples:
;; set the color to grey
label-color: #eee;
;; set the color to red, 50% transparent
label-color: rgba(1 0 0 .5);
label-color-x
The 'label-color-x' option controls the axis label color for the top and bottom axes.
label-color-x: <color>;
Examples:
;; set the color to grey
label-color-x: #eee;
;; set the color to red, 50% transparent
label-color-x: rgba(1 0 0 .5);
label-color-y
The 'label-color-y' option controls the axis label color for the left and right axes.
label-color-y: <color>;
Examples:
;; set the color to grey
label-color-y: #eee;
;; set the color to red, 50% transparent
label-color-y: rgba(1 0 0 .5);
label-color-top
The 'label-color-top' option controls the axis label color for the top axis.
label-color-top: <color>;
Examples:
;; set the color to grey
label-color-top: #eee;
;; set the color to red, 50% transparent
label-color-top: rgba(1 0 0 .5);
label-color-right
The 'label-color-right' option controls the axis label color for the right axis.
label-color-right: <color>;
Examples:
;; set the color to grey
label-color-right: #eee;
;; set the color to red, 50% transparent
label-color-right: rgba(1 0 0 .5);
label-color-bottom
The 'label-color-bottom' option controls the axis label color for the bottom axis.
label-color-bottom: <color>;
Examples:
;; set the color to grey
label-color-bottom: #eee;
;; set the color to red, 50% transparent
label-color-bottom: rgba(1 0 0 .5);
label-color-left
The 'label-color-left' option controls the axis label color for the left axis.
label-color-left: <color>;
Examples:
;; set the color to grey
label-color-left: #eee;
;; set the color to red, 50% transparent
label-color-left: rgba(1 0 0 .5);
label-font-size
The 'label-font-size' option controls the axis label font-size.
label-font-size: <measure>;
Examples:
;; set the font size to 14pt
label-font-size: 14pt;
label-font-size-x
The 'label-font-size-x' option controls the axis label font-size for the top and bottom axes.
label-font-size-x: <measure>;
Examples:
;; set the font size to 14pt
label-font-size-x: 14pt;
label-font-size-y
The 'label-font-size-y' option controls the axis label font-size for the left and right axes.
label-font-size-y: <measure>;
Examples:
;; set the font size to 14pt
label-font-size-y: 14pt;
label-font-size-top
The 'label-font-size-top' option controls the axis label font-size for the top axis.
label-font-size-top: <measure>;
Examples:
;; set the font size to 14pt
label-font-size-top: 14pt;
label-font-size-right
The 'label-font-size-right' option controls the axis label font-size for the right axis.
label-font-size-right: <measure>;
Examples:
;; set the font size to 14pt
label-font-size-right: 14pt;
label-font-size-bottom
The 'label-font-size-bottom' option controls the axis label font-size for the bottom axis.
label-font-size-bottom: <measure>;
Examples:
;; set the font size to 14pt
label-font-size-bottom: 14pt;
label-font-size-left
The 'label-font-size-left' option controls the axis label font-size for the left axis.
label-font-size-left: <measure>;
Examples:
;; set the font size to 14pt
label-font-size-left: 14pt;
tick-placement-x
The 'tick-placement-x' option controls the axis tick placement for the top and bottom axes.
tick-placement: <tick-placement>;
Examples:
/* subdivide the axis into 10 ticks */
tick-placement: subdivide(10);
tick-placement-y
The 'tick-placement-y' option controls the axis tick placement for the left and right axes.
tick-placement: <tick-placement>;
Examples:
/* subdivide the axis into 10 ticks */
tick-placement: subdivide(10);
tick-placement-top
The 'tick-placement-top' option controls the axis tick placement for the top axis.
tick-placement: <tick-placement>;
Examples:
/* subdivide the axis into 10 ticks */
tick-placement: subdivide(10);
tick-placement-right
The 'tick-placement-right' option controls the axis tick placement for the right axis.
tick-placement: <tick-placement>;
Examples:
/* subdivide the axis into 10 ticks */
tick-placement: subdivide(10);
tick-placement-bottom
The 'tick-placement-bottom' option controls the axis tick placement for the bottom axis.
tick-placement: <tick-placement>;
Examples:
/* subdivide the axis into 10 ticks */
tick-placement: subdivide(10);
tick-placement-left
The 'tick-placement-left' option controls the axis tick placement for the left axis.
tick-placement: <tick-placement>;
Examples:
/* subdivide the axis into 10 ticks */
tick-placement: subdivide(10);
tick-offset-top
The 'tick-offset-top' option controls the axis tick offset for the top axis.
tick-offset: <value>;
Examples:
/* center the ticks */
ticks-offset: 0;
tick-offset-right
The 'tick-offset-right' option controls the axis tick offset for the right axis.
tick-offset: <value>;
Examples:
/* center the ticks */
ticks-offset: 0;
tick-offset-bottom
The 'tick-offset-bottom' option controls the axis tick offset for the bottom axis.
tick-offset: <value>;
Examples:
/* center the ticks */
ticks-offset: 0;
tick-offset-left
The 'tick-offset-left' option controls the axis tick offset for the left axis.
tick-offset: <value>;
Examples:
/* center the ticks */
ticks-offset: 0;
tick-length-top
The 'tick-length-top' option controls the axis tick length for the top axis.
tick-length: <measure>;
Examples:
/* set tick length to 1em */
ticks-length: 1em;
tick-length-right
The 'tick-length-right' option controls the axis tick length for the right axis.
tick-length: <measure>;
Examples:
/* set tick length to 1em */
ticks-length: 1em;
tick-length-bottom
The 'tick-length-bottom' option controls the axis tick length for the bottom axis.
tick-length: <measure>;
Examples:
/* set tick length to 1em */
ticks-length: 1em;
tick-length-left
The 'tick-length-left' option controls the axis tick length for the left axis.
tick-length: <measure>;
Examples:
/* set tick length to 1em */
ticks-length: 1em;
title-x
Set the top/bottom axis title.
title: <title>;
Examples:
;; set the axis title to "Time"
title: "Time";
title-y
Set the left/right axis title.
title: <title>;
Examples:
;; set the axis title to "Time"
title: "Time";
title-top
Set the top axis title.
title: <title>;
Examples:
;; set the axis title to "Time"
title: "Time";
title-right
Set the top axis title.
title: <title>;
Examples:
;; set the axis title to "Time"
title: "Time";
title-bottom
Set the top axis title.
title: <title>;
Examples:
;; set the axis title to "Time"
title: "Time";
title-left
Set the top axis title.
title: <title>;
Examples:
;; set the axis title to "Time"
title: "Time";
title-offset-top
The 'title-offset-top' option controls the axis title offset for the top axis.
title-offset: <value>;
Examples:
/* center the title */
title-offset: 0;
title-offset-right
The 'title-offset-right' option controls the axis title offset for the right axis.
title-offset: <value>;
Examples:
/* center the title */
title-offset: 0;
title-offset-bottom
The 'title-offset-bottom' option controls the axis title offset for the bottom axis.
title-offset: <value>;
Examples:
/* center the title */
title-offset: 0;
title-offset-left
The 'title-offset-left' option controls the axis title offset for the left axis.
title-offset: <value>;
Examples:
/* center the title */
title-offset: 0;
title-padding-top
The 'title-padding-top' option controls the axis title padding for the top axis.
title-padding <measure>
Examples:
/* set the title padding to 2em */
title-padding: 2em;
title-padding-right
The 'title-padding-right' option controls the axis title padding for the right axis.
title-padding <measure>
Examples:
/* set the title padding to 2em */
title-padding: 2em;
title-padding-bottom
The 'title-padding-bottom' option controls the axis title padding for the bottom axis.
title-padding <measure>
Examples:
/* set the title padding to 2em */
title-padding: 2em;
title-padding-left
The 'title-padding-left' option controls the axis title padding for the left axis.
title-padding <measure>
Examples:
/* set the title padding to 2em */
title-padding: 2em;
title-rotate-top
The 'title-rotate-top' option controls the axis title rotate for the top axis.
title-rotate <value>
Examples:
/* rotate the title by 45deg clockwise */
title-rotate: 45;
title-rotate-right
The 'title-rotate-right' option controls the axis title rotate for the right axis.
title-rotate <value>
Examples:
/* rotate the title by 45deg clockwise */
title-rotate: 45;
title-rotate-bottom
The 'title-rotate-bottom' option controls the axis title rotate for the bottom axis.
title-rotate <value>
Examples:
/* rotate the title by 45deg clockwise */
title-rotate: 45;
title-rotate-left
The 'title-rotate-left' option controls the axis title rotate for the left axis.
title-rotate <value>
Examples:
/* rotate the title by 45deg clockwise */
title-rotate: 45;
title-color
Set the axis title color.
title-color: <color>;
Examples:
;; set the color to grey
title-color: #eee;
;; set the color to red, 50% transparent
title-color: rgba(1 0 0 .5);
title-color-top
Set the axis title color.
title-color-top: <color>;
Examples:
;; set the color to grey
title-color-top: #eee;
;; set the color to red, 50% transparent
title-color-top: rgba(1 0 0 .5);
title-color-right
Set the axis title color.
title-color-right: <color>;
Examples:
;; set the color to grey
title-color-right: #eee;
;; set the color to red, 50% transparent
title-color-right: rgba(1 0 0 .5);
title-color-bottom
Set the axis title color.
title-color-bottom: <color>;
Examples:
;; set the color to grey
title-color-bottom: #eee;
;; set the color to red, 50% transparent
title-color-bottom: rgba(1 0 0 .5);
title-color-left
Set the axis title color.
title-color-left: <color>;
Examples:
;; set the color to grey
title-color-left: #eee;
;; set the color to red, 50% transparent
title-color-left: rgba(1 0 0 .5);
title-font
Set the axis title font.
title-font: <measure>;
Examples:
;; set the font size to 14pt
title-font: 14pt;
title-font-top
Set the axis title font.
title-font-top: <measure>;
Examples:
;; set the font size to 14pt
title-font-top: 14pt;
title-font-right
Set the axis title font.
title-font-right: <measure>;
Examples:
;; set the font size to 14pt
title-font-right: 14pt;
title-font-bottom
Set the axis title font.
title-font-bottom: <measure>;
Examples:
;; set the font size to 14pt
title-font-bottom: 14pt;
title-font-left
Set the axis title font.
title-font-left: <measure>;
Examples:
;; set the font size to 14pt
title-font-left: 14pt;
title-font-size
Set the axis title font size.
title-font-size: <measure>;
Examples:
;; set the font size to 14pt
title-font-size: 14pt;
title-font-size-top
Set the axis title font size.
title-font-size-top: <measure>;
Examples:
;; set the font size to 14pt
title-font-size-top: 14pt;
title-font-size-right
Set the axis title font size.
title-font-size-right: <measure>;
Examples:
;; set the font size to 14pt
title-font-size-right: 14pt;
title-font-size-bottom
Set the axis title font size.
title-font-size-bottom: <measure>;
Examples:
;; set the font size to 14pt
title-font-size-bottom: 14pt;
title-font-size-left
Set the axis title font size.
title-font-size-left: <measure>;
Examples:
;; set the font size to 14pt
title-font-size-left: 14pt;
border-width
Set the width of the axis border/line.
border-width: <measure>;
Examples:
;; set the stroke width to 2pt
border-width: 2pt;
border-width-top
Set the width of the top axis border/line.
border-width-top: <measure>;
Examples:
;; set the stroke width to 2pt
border-width-top: 2pt;
border-width-right
Set the width of the right axis border/line.
border-width-right: <measure>;
Examples:
;; set the stroke width to 2pt
border-width-right: 2pt;
border-width-bottom
Set the width of the bottom axis border/line.
border-width-bottom: <measure>;
Examples:
;; set the stroke width to 2pt
border-width-bottom: 2pt;
border-width-left
Set the width of the left axis border/line.
border-width-left: <measure>;
Examples:
;; set the stroke width to 2pt
border-width-left: 2pt;
border-color
Set the color of the axis border/line.
border-color: <color>;
Examples:
;; set the color to grey
border-color: #eee;
;; set the color to red, 50% transparent
border-color: rgba(1 0 0 .5);
border-color-top
Set the color of the top axis border/line.
border-color-top: <color>;
Examples:
;; set the color to grey
border-color-top: #eee;
;; set the color to red, 50% transparent
border-color-top: rgba(1 0 0 .5);
border-color-right
Set the color of the right axis border/line.
border-color-right: <color>;
Examples:
;; set the color to grey
border-color-right: #eee;
;; set the color to red, 50% transparent
border-color-right: rgba(1 0 0 .5);
border-color-bottom
Set the color of the bottom axis border/line.
border-color-bottom: <color>;
Examples:
;; set the color to grey
border-color-bottom: #eee;
;; set the color to red, 50% transparent
border-color-bottom: rgba(1 0 0 .5);
border-color-left
Set the color of the left axis border/line.
border-color-left: <color>;
Examples:
;; set the color to grey
border-color-left: #eee;
;; set the color to red, 50% transparent
border-color-left: rgba(1 0 0 .5);
border-syle
Set the stroke style of the axis border/line.
border-syle: (<stroke-style>);
Examples:
;; set the stroke to dashed
border-syle: dashed;
border-syle-top
Set the stroke style of the top axis border/line.
border-syle-top: (<stroke-style>);
Examples:
;; set the stroke to dashed
border-syle-top: dashed;
border-syle-right
Set the stroke style of the right axis border/line.
border-syle-right: (<stroke-style>);
Examples:
;; set the stroke to dashed
border-syle-right: dashed;
border-syle-bottom
Set the stroke style of the bottom axis border/line.
border-syle-bottom: (<stroke-style>);
Examples:
;; set the stroke to dashed
border-syle-bottom: dashed;
border-syle-left
Set the stroke style of the left axis border/line.
border-syle-left: (<stroke-style>);
Examples:
;; set the stroke to dashed
border-syle-left: dashed;