grid-line-axis
v0.3.9
Published
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 an
Downloads
19
Maintainers
Readme
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