StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
text
Body
copied!<p>since 1.3.6 the minRange property does not work anymore for the navigator. (in 1.3.5 it worked). I would suggest you to disable the live redraw to avoid the "jumping" of the navigator.</p> <pre><code> scrollbar: { enabled: true, liveRedraw: false }, </code></pre> <p>If you do not want to disable it you have to call xAxis.setExtremes twice (add it to the line before window.setTimeout)</p> <pre><code> xAxis: { type: 'datetime', minRange: 36 * 30 * 24 * 3600 * 1000, events: { afterSetExtremes: function (e) { var extremes, xAxis; if (e.trigger === 'navigator') { extremes = getDateExtremes(e.min, e.max, e.dataMax); xAxis = this; window.setTimeout(function () { xAxis.setExtremes(extremes.min, extrems.max); }, 1); } } }, </code></pre> <p>Here are the helper methods we use.</p> <pre><code>function padNumber(n) { return n <= 9 ? '0' + n : n; } function getDateExtremes(begin, end, max) { var minDistance = 36 * 30 * 24 * 3600 * 1000, curMin, curMax, curMinDate, curMaxDate; if ((end - begin) < minDistance) { if ((begin + minDistance) <= max) { curMin = begin; curMax = begin + minDistance; } else { curMin = end - minDistance; curMax = end; } } else { curMin = begin; curMax = end; } curMinDate = new Date(curMin); curMaxDate = new Date(curMax); return { min: curMin, max: curMax, minDateId: curMinDate.getFullYear() + '-' + padNumber(curMinDate.getMonth() + 1) + '-' + padNumber(curMinDate.getDate()), maxDateId: curMaxDate.getFullYear() + '-' + padNumber(curMaxDate.getMonth() + 1) + '-' + padNumber(curMaxDate.getDate()) }; } </code></pre> <p>Hopefully it helps you.</p>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload