[New plugin] Advanced Financial Charts and Graphs

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.

Thimo · 2024-08-27T09:03:15.373Z

Hi @kisa.sakamaki

Yes you should be able to use data from your database!

kisa.sakamaki · 2024-08-27T09:33:16.899Z

Hi @Thimo ,
Thank you for checking on this.
What kind of data and settings are needed for a time series?
bubble1

Thimo · 2024-08-27T09:56:58.137Z

@kisa.sakamaki you need to use a UNIX timestamp. This is a list of numbers. This should be indicated by the issue checker in your editor.

2024-08-27 om 11.56.13880×240 27.6 KB

Please check out the demo page where you can see the above example: Financialcharts | Bubble Editor

kisa.sakamaki · 2024-08-27T13:58:55.966Z

Hi @Thimo
Thank you for your reply. May I ask one more question? How can I overlay a line graph and a histogram, like in this picture?

image1334×667 97.3 KB

Thimo · 2024-08-27T18:02:13.113Z

@kisa.sakamaki The easiest way will be to take a look at the demo page: Financialcharts | Bubble Editor. You can see the exact workflow actions used to create this chart

2024-08-27 om 20.01.532552×1642 435 KB

kisa.sakamaki · 2024-08-28T12:07:51.427Z

Hi @Thimo
Thank you for answering my questions so many times.

I overlaid the histograms as shown in the picture. I want to align the zero positions of the two histograms. How can I set this up?

image1197×937 66.1 KB

Thimo · 2024-08-29T08:03:17.862Z

kisa.sakamaki:

I want to align the zero positions of the two histograms. How can I set this up?

Hi @kisa.sakamaki, I am unfortunately not sure what you mean. Could you give me more details on what you want to create?