Getting StartedPerformance !!!Chart DataBar and Column ChartsLine and Area ChartsPie and Funnel ChartsScatter and Bubble ChartsRadar and Polar ChartsFinancial ChartsGantt ChartsCombinational ChartsDynamic ChartsWorking with Chart AxesChart FeaturesCustomizing ChartClient-Side Events |
The interval offset defines the positive, or negative, offset value from the start
of the first interval. The labels, grid lines and the tick marks can be offset.
For detailed implementation, please take a look at the HTML code tab. <!DOCTYPE html> <html> <head> <title> Axis Interval Offset Example - HTML5 jQuery Chart Plugin by jqChart </title> <link rel="stylesheet" type="text/css" href="../../css/jquery.jqChart.css" /> <link rel="stylesheet" type="text/css" href="../../themes/le-frog/styles.css" /> <script src="../../js/jquery-1.11.1.min.js" type="text/javascript"></script> <script src="../../js/jquery.jqChart.min.js" type="text/javascript"></script> <script lang="javascript" type="text/javascript"> $(document).ready(function () { $('#jqChart').jqChart({ title: { text: 'Axis Interval Offset' }, animation: { duration: 1 }, axes: [ { type: 'linear', location: 'left', minimum: 0, maximum: 100, interval: 10, labels: { intervalOffset: 30 }, majorTickMarks: { intervalOffset: 30 }, majorGridLines: { intervalOffset: 30 } } ], series: [ { type: 'column', data: [['A', 70], ['B', 40], ['C', 85], ['D', 50], ['E', 25], ['F', 40]] } ] }); }); </script> </head> <body> <div> <div id="jqChart" style="width: 500px; height: 300px;"></div> </div> </body> </html> |