Fraction tick labels

[Jesus Cital]

I have this code to use fractions as the name of the ticks when the point is clicked on. If this is possible how would I be able to run this as defaut text on the ticks? 

I can click on my end but the fiddle doesn't seem to work when clicked.  

https://jsfiddle.net/schoolisfunkids/gr9368hq/6/

I have found Alberts way to use MathJax however that is a predefined axis range and I need the labels to be dyamic as the axis will change.  

Hope it makes sense.

Thanks

[Murray]

Hello Jesus

What you were trying to do looked overly complicated to me. Also, be careful calling both MathJax and KaTeX in the one script, as they will surely not play nicely.

I'm not sure what you mean by "I can click on my end but the fiddle doesn't seem to work when clicked."

I think I can see what you are wanting to end up with. Essentially, what you can do is:

1. Create the array of ticks you want

2. Compare the values from the array to the "v" in the usrCoords step in a loop.

2. Get MathJax to render the fractions (you need to tell it to do so after each time you change the ticks).

I've put the ticks creation part in a function so we can call it multiple times, and I've given you a slider so you can change tick distances easily.

Note: Some of the fractions ended up in funky positions, but settled into the correct places on a user action.

BTW, you can't use the $0$ approach in this case - it needs to be \( 0 \).

Here it is:

https://jsfiddle.net/mbourne/wu6a5q0j/

Hope it helps

Regards

Murray

[Alfred Wassermann]

This feature is now implemented: the next version (will be released in a few days) comes with the attribute "toFraction", which does exactly this.

Then you will be able to do something like this:

        var board = JXG.JSXGraph.initBoard('jxgbox', {
            boundingbox: [-1.2, 2.3, 1.2, -2.3],
            axis: true,
            defaultAxes: {
                x: {
                    ticks: {
                        label: {
                            useMathJax: true,
                            display: 'html',
                            toFraction: true
                        }
                    }
                },
                y: {
                    ticks: {
                        label: {
                            useMathJax: true,
                            display: 'html',
                            toFraction: true
                        }
                    }
                }
            }
        });
        board.create('text', [0.5, -0.5, 2 / 17], { toFraction: true, useMathjax: true });

See the appended picture.

Best wishes, Alfred

[Jesus Cital]

Awesome, Thanks to both of you!  I love your function Murray; I was thinking I needed to simplify that.  

Can't wait for this update! 

Regards

Jesus

[Murray]

Hi Alfred

The fractions on the negative x-axis appear to be positive, while the -1 is correct.

Regards

Murray

[Alfred Wassermann]

Hi Murray,

oops, how stupid! Thanks a lot for this bug report. It is fixed now.

Best wishes,

Alfred

[Murray]

Another consideration with this. Normally, if the interval is 1/6, I'd want the following (or at least the choice):

0 1/6 1/3 1/2 2/3 5/6 1

Is this assumed, or is it going to be like my solution, which is the non-cancelled versions?

Regards

Murray

[Alfred Wassermann]

Hi Murray,

at the moment, the default is to display

0 1/6 1/3 1/2 2/3 5/6 1

The non-cancelled version has still to be implemented (if there is a demand for it).

The labels are generated by the new method JXG.toFraction(number, useTeX) which in turn calls JXG.Math.decToFraction(number).

The function JXG.Math.decToFraction returns an array [sign, integer, nominator, denominator], where nominator, denominator

are computed as the convergents of the continued fraction expansion of the number.

Today, I released v1.7.1-beta, so you can try it out by loading

https://jsxgraph.org/beta/jsxgraphcore.js

The updated API docs is at https://jsxgraph.org/beta/docs

Best wishes,

Alfred

[Jesus Cital]

Seems to work like a charm!  AWESOME! 

Thanks 

Jesus 

[Jesus Cital]

Is this still on schedule to go live?

Thanks

Jesus

On Wednesday, March 6, 2024 at 1:20:18 AM UTC-6 Alfred.W...@uni-bayreuth.de wrote:

[Alfred Wassermann]

v1.8.0 is just has been released.

[Jesus Cital]

OK, I am trying it here and the axis don't display mixed numbers as your version up top.

https://jsfiddle.net/schoolisfunkids/691h3try/ 

Thanks, 

[Alfred Wassermann]

Oops, what a shame. This bug has been introduced recently together with a brilliant improvement...

It is fixed now in the sources, v1.9.2 will be published later this week.

Thanks for pointing this out,

Alfred