myscale | myScale - Quick SVG Icon Resizer | Runtime Evironment library

The first generic in ScaleLinear is Range, and the second is Output.

The Range generic is for the type of the range data. If the range is specified in numbers (as in range([1, 10])) the range is of type number.

If the scale range is specified in strings such as colors (as in range(['red', 'blue'])), then the Range type is string.

The Output generic is for the type of data that the scale outputs. If the scale interpolates numbers (as in range([1, 10])), the output is a number between 1 and 10, and so output is also of type number.

If the scale interpolates colors (as in range(['red', 'blue'])), the output is a color string (such as #9a3439), which is of type string.

For most cases, you can use ScaleLinear for scales that interpolate numbers and ScaleLinear for scales that interpolate color strings. In those cases where they are equal, you can also use the shorthand ScaleLinear or ScaleLinear.

This is a better version of you function that does not remove any NA from your data:

(However, the function will still trip on non numeric values for x, or in cases where scale and center are both FALSE. But one could ask oneself why a scale function needs a scale yes or no parameter??)

For the object notation to work chart.js needs values to plot them against (not the index in the array) so you cant just provide an array containing only the value l.

You can either provide a labels array containing increasing numbers to which you match it or remove it and set your x scale to linear.

Labels example:

Ok so I found out what's going wrong in my code. The logic behind flatlist is good.

The issue is on the last component "BlockVideo", here :

You said "I would prefer not to alter input data values and just have a parameter in scale that can do this for me", but that's a very specific and highly unusual use case, so there is none.

What you could easily do is creating a piecewise scale with more than 2 domain/range values:

I figured it out, in case someone has the same issue, I had to add offset: true.

It seems that you should only change bds = $("body").scrollTop(); as this:

deriveAll is a routine defined on ConcreteScale instances. You attempted to call it on an instance of AbstractScale. Try calling it on your variable myScaleA, which is concrete.

Your code is adding behavior via event filters. These filters are invoked during the event capturing phase which means they are invoked before the events reach your circle. You should strive to implement your behavior via event handlers, which are invoked during the event bubbling phase. Then you can consume events to prevent them from reaching ancestors, allowing you to drag your circle without scrolling/panning the scroll-pane content. For more information about event handling and propagation, check out this tutorial.

Here's a proof-of-concept which adds the zoom-handling to the scroll-pane's content and still let's you drag around a circle: