Scrolling graph

Oh sorry ... I wrongly assumed the aia was the same as the picture example... I will run it

Yes typically the mind and standard methods is that the future (present) is to the right and you scroll right to see the left (past)

OK I ran the aia .. clever ... explains the left: 0 :thinking:

This extraOption will reverse the data

image

Can't find a scrolling solution ( I am sure there is something out there) - however

If you use some app buttons to reload the chart with different settings you could use this to display the last 5 days (for example)

You would need to adjust the width parameter and the min and max values for other settings - this is kind of what others suggested to segment the data display.

I could have edited the title as well :wink:

For the full 125 day chart, I was able to reduce the width to @ 8200 by removing the 20 from the year (so that 2024 becomes just 24). This makes scrolling to the right less tedious). You could reduce further if your adjust the fontSize down a point or two... width:7100 with fontSize:9.

The only glitch I haven't been able to fix is the big white space to the right.

And set left to @ 50 to check that your fake vaxis scaling is correct (add/remove \ns or values)

AutoScroll to last part of chart:

var el = document.getElementById('line_chart');
var ds = 6400;
el.style.overflow = "scroll";
el.scrollLeft += ds;

To go back to the start just change the + sign on the last line to a - sign.

var el = document.getElementById('line_chart');
var ds = 6400;
el.style.overflow = "scroll";
el.scrollLeft -= ds;

when I add reverseCategories the graph disappears?????
reverseCategories

Dont want to reduce width. I will be adding datapoints daily for several years (I hope) :grin:

I just spent considerable time taking a screenshot and then cropping the ScaleBar and adjusting it repeatedly to make it fit as a picture instead of a label. Got that working really great

Works using buttons but only goes half way of the chart... how to determine right end?

Since the length of the chat is directly proportional to the number of data points I then found the right number to multiply by. I had this working real nice and then I suddenly cannot compile and run my app!

I am pulling my hair out here! Any version of HRMHR (I have several) that I compile will immediately close when run! I submitted a bug complaint :sob:

Curious question.

When wanting to fast forward to the right end it would be nice to know present position to not overshoot the right end.

Is there a way to calculate present position on a scrolling graph?

Easiest thing to do is go back to the beginning then go to the end.

highchart.aia (6.6 KB)
use highchart.js, you can zoom in and out.
Maybe you want to try this.

1 Like

Already doing that but time retarded due to painting of graph.

Problem is that the time delay will grow as the data points grow.

BTW: preliminary testing has shown me the chart width is TotalDataPoints x 78. The formula seems to work on 3 phones of different screen size

Thank you @Kevinkun . Thanks to @TIMAI2 I have a chart I can 'travel' at the touch of buttons and display any number of recent datapoints, which I think might be considered a zoom of sorts