nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Edit Tick Marks on Time Slider

NMWater

Hi all,

I was wondering how to just display the tick marks that correspond to the labels in the time slider?

For example, I want to put a tick mark every January of YYYY.

I'm getting a tick mark for every time interval which is every month from 1984 to 2013.

Thanks for all your help!

Francisco

Find more posts tagged with

Accepted answers

TomSellsted

You can always just use a number too.

timeSlider.setTickCount(30);

Regards,

Tom

All comments

NMWater

Thanks for all your help Tom! Unfortunately, I think some part of my labels is undefined as a console.log() is indicating.

Kindest Regards,

Francisco

TomSellsted

Fransisco,

setTickCount is expecting a number. Since labels is an array, you could do:

timeSlider.setTickCount(labels.length);

Regards,

Tom

NMWater

Hi Tom,

I've tried the following but I'm still getting some errors. It returns tick marks just on the first and last month of my dataset. Am I missing a parameter??

Labels is a global variable.

Thanks for all your help!

Francisco

TomSellsted

Fransisco,

You can use the setTickCount method. Here is a link:

TimeSlider | API Reference | ArcGIS API for JavaScript

Regards,

Tom

Join the Conversation

Signed in members can post, follow updates, and more. New here? Register a free account.

Quick Links

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.