Web Component: j-LineChart
j-LineChart
Please review an example and keep a data-source.
Configuration:
offsetX
{Number} An offset X for value tooltip (default:10
)offsetY
{Number} An offset Y for value tooltip (default:10
)templateX
{String} Tangular template for X axis (default:{{ value }}
)templateY
{String} Tangular template for Y axis (default:{{ value | format(0) }}
)selected
{String} Tangular template for selected values (default:{{ value | format(0) }}
)height
{Number/String} height (default:0
= auto-height) orstring
is meant as a parent elementwidth
{Number/String} width (default:0
= auto-width) orstring
is meant as a parent elementlimit
{Number} a maximum limit of value for Y axis (default:0
)fill
{Boolean} enables filling (default:false
)fillopacity
{Number} filling opacity (default:0.1
)point
{Number} size ofpoint
(default:5
)pl
{Number} lines left padding (default:10
)pr
{Number} lines right padding (default:10
)pt
{Number} lines top padding (default:10
)pb
{Number} lines bottom padding (default:25
)type
{String} lines type, can benormal
,curves
orstep
(default:normal
)prselected
{Number} right padding for selected value (default:0
)avg
{Number} average value (chart renders a new black line)xmod
{Number} performsmodulo
for points on x-axis (default:0
)yaxis
{nubmer} a count of y-axis points (default:4
)exec
{String} a path to function and it's executed after some point is hoveredmarginW
{Number} a margin forwidth
marginH
{Number} a margin forheight
Author
- Peter Širka petersirka@gmail.com
- License
Created
23. april 2018
Updated
31. january 2023
Version
v1
License
https://www.totaljs.com/license/
Dark mode
Yes
Responsive
Yes
Author
Peter Širka
Email
petersirka@gmail.com