UNPKG

jqwidgets-scripts-custom

Version:

jQWidgets is an advanced jQuery, Angular 7, Vue, React, ASP .NET MVC, Custom Elements and HTML5 UI framework.

32 lines (31 loc) 2.47 kB
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title id='Description'> If the item has an offset property, the item is rendered at that offset, otherwise the value is mapped to an offset corresponding to its position on the axis scale. If an item has both a value and an offset property, the value property is not mapped to an offset, and instead it's just used to display the label. You can see how to use the format function in order to format the labels before they are displayed. </title> <meta name="description" content="This React Chart demo showcases how to display Chart with color bands" /> <link rel="stylesheet" href="../../../jqwidgets/styles/jqx.base.css" type="text/css" /> <script type="text/javascript" src="../../../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../../../jqwidgets/jqxdraw.js"></script> <script type="text/javascript" src="../../../jqwidgets/jqxchart.core.js"></script> <script type="text/javascript" src="../../../jqwidgets/jqxdata.js"></script> <script type="text/javascript" src="../../../jqwidgets/jqxbuttons.js"></script> <script type="text/javascript" src="../../../jqwidgets/jqxradiobutton.js"></script> <script type="text/javascript" src="../../../jqwidgets/jqxcheckbox.js"></script> <script type="text/javascript" src="../../../jqwidgets/jqxlistbox.js"></script> <script type="text/javascript" src="../../../jqwidgets/jqxscrollbar.js"></script> <script type="text/javascript" src="../../../jqwidgets/jqxdropdownlist.js"></script> <script type="text/javascript" src="../../../jqwidgets/jqxinput.js"></script> <script type="text/javascript" src="../../../scripts/demos.js"></script> </head> <body> <div class="example-description" style="margin-bottom:3em"> If the item has an offset property, the item is rendered at that offset, otherwise the value is mapped to an offset corresponding to its position on the axis scale. If an item has both a value and an offset property, the value property is not mapped to an offset, and instead it's just used to display the label. You can see how to use the format function in order to format the labels before they are displayed. </div> <div id="app"></div> <script src="../build/chart_axiscustomoffsetsandcolorbands.bundle.js"></script> </body> </html>