grid-line-axis

grid-line-axis

Creates a HTML custom element, that draw grid line numbers for a given grid on all axes. The grid lines are also draw. It is like the grid line view in the google developer tools. In order for everything to be positioned correctly, the custom element and the target grid should have a common offsetParent.

Params

sourceId (required)

The ID of the grid whose gridline numbers are to be displayed. You can also use the old parameter name "gridContainerId"

hideTop, hideLeft, hideRight, hideBottom (without value)

Without these parameters, the numbers are displayed on all four axes. You can hide the desired axis with the corresponding parameter. The Parameters have no value.

margin

Margin for the grid to make palce for the numbers. Default is '1em'

fontSize

Font size for the numbers. Default is "smaller"

colorTop, colorLeft, colorRight, colorBottom

Color for the numbers. Default is "darkred" for all axes

hideLines (without value)

By default, vertical and horizontal gird lines are drawn. If you insert the "hideLines" parameter , then the lines are not drawn. The parameter has no value.

hideAxis (without value)

By default, the grid line numbers are displayed on the respective axes. If the "hideAxis" attribute is passed , then these are not displayed. Useful if only the grid lines are needed.

colorGridLines

With this parameter you can set the color of the grid lines. If the parameter is not passed, "lightskyblue" is used.

zIndexLines

The zIndex for the grid lines. Default is 99.

opacityLines

The opacity for the grid lines. Default is 0.8