[New plugin] Advanced Financial Charts and Graphs

paulogustavopeixoto · 2023-11-24T10:03:24.797Z

Can you update the markers set up to load faster and maybe have an option to load multiple at the same time without having to use third party loop functions? Also would it be possible more fonts for the watermark option? For example manrope or inter.

Thimo · 2023-11-26T15:08:23.858Z

Hi @paulogustavopeixoto!

paulogustavopeixoto:

Can you update the markers set up to load faster

The markers will load instantly actually. I think the biggest bottleneck in terms of speed is the loading of the data for the markers. Bubble will first make sure all the data for the workflow action is loaded before a workflow action is executed. If you could optimize the way you are loading the data your could improve the speed quite a lot I think!

paulogustavopeixoto:

Also would it be possible more fonts for the watermark option? For example manrope or inter.

I will put this on my list as I agree that more fonts would be very useful!

paulogustavopeixoto · 2023-11-26T17:52:42.633Z

I get that they load instantly but we only have an option to load one at a time. Could you make it to load a list of markers ? This would avoid having to run a loop on a list to load every one

Thimo · 2023-11-27T11:01:27.805Z

paulogustavopeixoto:

Could you make it to load a list of markers ?

I will send you a PM to we can discuss this feature!

telaholcomb · 2023-12-08T06:58:17.001Z

@Thimo I’m not seeing the download action to add to the workflow

Thimo · 2023-12-08T12:06:03.959Z

Hi @telaholcomb

Make sure your are searching for ‘screenshot’:

2023-12-08 om 13.05.22906×520 30.2 KB

You can take a look at the editor of the demo page for an example: Financialcharts | Bubble Editor

telaholcomb · 2023-12-08T14:24:05.113Z

Yes I have the screenshot action but not the download action that’s shown in the demo

IMG_47001121×1023 82 KB

Thimo · 2023-12-08T15:12:18.103Z

Hi @telaholcomb that is the “screenshot is ready” workflow event, not the workflow action to start generating the screenshot.

To use that workflow action you can for example place a button element on your page and click “add workflow”. Inside the workflow you will find the screenshot action to generate a screenshot. When the screenshot is generated the “screenshot is ready” event will be triggered.

Does that help?

telaholcomb · 2023-12-08T15:20:57.305Z

No, that doesn’t help. I have all that setup. Where are you getting ‘Download file’ that’s inside the ‘Screenshot is Ready’ workflow?

telaholcomb · 2023-12-08T15:59:30.490Z

Nevermind. I found it. You’re using an additional plugin - File Downloader.

underhill.dan · 2023-12-13T14:39:09.332Z

Hi @Thimo ,

Here is an example that I created in one of my apps of creating buttons that do what you asked regarding switching between time frames. Check the upper right corner of the chart.

button3028×1152 475 KB

Cheers,
Daniel Underhill
Data Designs, Inc.

devchain085 · 2023-12-13T16:49:58.909Z

Dear Thimo,
I am writing to inqurie whether it’s possible to add notes to a candlestick chart.
For instance, I would like to place an icon at a specific price point on the candlestick.
When I click this icon, I would be able to access and read the note I have taken.
Thank you for creating this beautiful charts plugin.

Thimo · 2023-12-13T16:52:32.767Z

devchain085:

I am writing to inqurie whether it’s possible to add notes to a candlestick chart.
For instance, I would like to place an icon at a specific price point on the candlestick.
When I click this icon, I would be able to access and read the note I have taken.
Thank you for creating this beautiful charts plugin.

Hi @devchain085!

You can add markers to the chart, but these markers are not clickable at this moment. So I do not think there is a way to add notes to the chart like you described unfortunately

underhill.dan · 2023-12-14T23:07:10.226Z

Hi @Thimo , I just wanted to circle back on this potential feature to define a start & end range for a chart. One case scenario is that i want to plot a variety of calculated support and resistance lines on the chart and so when the chart opens, all of them can be seen. As it defaults now, many of those lines would be out of view and invisible to the user’s eye. They wouldn’t know they exist.

Thanks,
Dan Underhill

Thimo · 2023-12-16T22:44:05.730Z

underhill.dan:

I just wanted to circle back on this potential feature to define a start & end range for a chart.

Hi @underhill.dan, I have spend some time going through the library documentation and I found a way to add the min/max values for the price scale! Please update to version 1.2.0 and you will see these new fields:

On the elements:

2023-12-16 om 23.19.361874×2034 333 KB

On the workflow actions to add a data series:

2023-12-16 om 23.19.141684×1626 213 KB

Make sure to fill in both the min and max value if you want to use this feature!

underhill.dan · 2023-12-17T16:53:38.783Z

Hi @Thimo,

This is fantastic! Thank you for checking on this. This feature has many real world applications that make charts better. As a programmer myself who routinely gets asked to update features to my apps, I know there can be so many requests for this stuff. Thanks to checking into it and finding a way. I will definitely be using this.

Cheers,
Dan Underhill

underhill.dan · 2023-12-21T23:12:18.851Z

Hi @Thimo ,

Thanks once again for the Min/Max bit.

Now, another challenge to keep you busy, lol. From one of my financial data providers, I receive coordinates that pertain for drawing trendlines, and for also creating a box that identifies candlestick patterns.

The data comes in as Point AT: Unix Time, Point AP: Price
Then it does the same for Points B, C, D, etc. for drawing shapes.

Would there be a way to somehow add the presence of a trendline onto a chart using Points A & B. Likewise, would there be a way to draw a box using Points A, B, C & D?

I know it could be a challenge, but it could really be useful for those kind of tasks. This is not any kind of urgent request, just a really “super nice to have.”

Let me know your thoughts.

Thanks,
Dan Underhill

yaohuigao · 2024-01-23T06:01:58.533Z

Hi @Thimo

I am wondering if possible to sync the time axis of 2 charts when scrolling x axis. For example, I have price candlestick as the upper chart and the line chart showing RSI indicator below it, and their time axis is aligned. But when scrolling the time axis, the 2 charts behave separately. I am wondering if there is a way to sync the scrolling behavior, so that the 2 charts always showing in the same time scale. Thanks.

Thimo · 2024-01-23T18:25:05.817Z

Hi @yachuigo! I have done some research and I don’t think this feature it supported by the JS library that it used yet. I have written it down so if I notice it gets supported I will see if it can be added to the plugin!

kisa.sakamaki · 2024-08-27T08:52:38.229Z

Hi @Thimo

I’m wondering if possible to use this plugin without API.
I just want to create charts with my own data.