# j-Stats24

> j-Stats24 options: height, max, tooltiplarge, tooltip, tooltiptext, border, highlight

Framework: jcomponent20
Product: jComponent 20 (jcomponent@20)
Language: en
Content-SHA256: f4e9f8e2cb15f15e0bbb16152d30c51522a89f510b5f065fc0518c22ba7389ee
Snapshot: c0700e321579725c5cf4f5ace1ad7d2866d1b4f93c24a63c0b41b6b7998e976c
Sources: components@910ed1a86f6e72b4f031d3ad0dc7844f9fc5cb8e
Review: not-recorded

__Configuration__:

- `height {Number}` a height of chart (default: `120`)
- `max {Number}` a maximal hourly value (default: `undefined`)
- `tooltiplarge {Boolean}` enables tooltips in larger mode (default: `true`)
- `tooltip {Boolean}` enables tooltips (default: `true`)
- `tooltiptext {String}` Tooltip text (default: `{0}`)
- `border {Boolean}` enables border (default: `true`)
- `highlight {Boolean}` highlights current hour (default: `false`)

Use it with `<ui-component name="stats24">`. When the component is not loaded yet, jComponent downloads it on first use from the address in `DEF.fallback` (the Componentator CDN by default). Author: Peter Širka. Source: the Componentator components repository, MIT license.

```html example.html
<ui-component name="LAZY tooltip"></ui-component>

<div style="width:300px;margin:0 auto">
	<ui-component name="stats24" path="mystats" config="height:80;tooltiptext:{0} visitors"></ui-component>
</div>

<script>
	var mystats = [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 30, 3, 44, 0, 23, 0, 0, 0, 0, 0, 0, 0, 0, 0];
</script>
```