Reputation: 12179
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
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