5. Array Shift Chart.js

Array shift method for Chart js

Understanding the array shift method in javascript will give you a great benefit for Chart.js. This is the last of the basic four. With the array unshift method you can start adding values at the beginning of an array. With the shift method you remove a value at the very beginning .

Doing this with Chart.js means seeing your chart being updated as values are moved. The previous first value moves to second in position and your indicated new value will be the first in your array.

The video will cover how to use array shift method in Chart.js

Array shift Chart.js

Array Shift Chart.js Code

By using the array shift method you remove a value from the beginning of the array. And all the other values are moved to the left and the second value is considered the new first value within the array. See code sample below for basic understanding.

const colors = ['red', 'blue', 'green'];

colors.shift() // colors = ['blue', 'green'];

The four basic array methods

If you start developing with Chart.js there are four specific array methods you should begin with. There are many more that are much more powerful but tend to be more complicated. So having a foundation before explore more advance array methods.

  1. Array Push Method
  2. Array Pop Method
  3. Array Unshift Method
  4. Array Shift Method

Once you understand the basics you can continue on with the ore advance which gives you much more options such as the array method as array indexOf, array slice, and more which are more deeper into the Array Series. Or combining any of these together.

Was this page helpful?

Leave a comment

Your email address will not be published.