el_pup_le
el_pup_le

Reputation: 12179

Getting the ticks in d3 v4

How can I generate an array of ticks in d3 v4? So for example I have my x scale setup, and the range is 0 - 1000, I want 4 ticks so it'd be [0, 250, 500, 1000] or the range is 2017-June - 2018-June to 10 ticks then the result would be something like [2017-June, 2017-Aug, ..., ...,] etc.

I've tried this but it returns a function

d3.axisBottom(x).ticks(10);

Upvotes: 2

Views: 880

Answers (1)

Mikhail Shabrikov
Mikhail Shabrikov

Reputation: 8509

If you need, for example, 4 ticks for range 0-1000 without svg creation, you may generate them like this:

var rangeStart = 0;
var rangeEnd = 1000;

var numberOfTicks = 4;
var step = (rangeEnd - rangeStart) / numberOfTicks;

var result = d3.range(rangeStart, rangeEnd, step)

console.log(result)
<script src="https://d3js.org/d3.v4.min.js"></script>

Upvotes: 1

Related Questions