I just published a plugin that lets you add advanced and fully customizable financial charts to your application! These charts are perfect for trading, stocks or crypto applications. The charts can use data from your database or data supplied by an API.
This could be exactly what I need for a project I am thinking about.
Q1: I see that you don’t support technical natively, but If I do calculations backend, can I add additional line chart that could represent technical indicators (e.g. moving averages, RSI, etc.)?
Q2: Can I add multiple price lines, for example to represent a position (e.g. 3 lines for buy price, stop loss, and take profit)?
Q3: Can I add partial line (e.g. a horizontal line that is at certain price, but is shown only for a certain time period or number of bars, or a straight line that links the high of one bar and the low of another bar)?
Nice to see you are interested in my plugin! I have answered your questions below
1 - Yes, you can add unlimited additional data series (Line, Area, Histogram etc). These can definitely technical indicators from an API or from your own calculations.
2 - Yes. You can add unlimited Priceline to your charts. Besides Pricelines, you could also add unlimited markers to your chart. These can also be used for the same purpose (see demo).
3 - This should be possible. If you add an additional data series only for a specific time stamp range, it will only be shown for these time stamps! Example:
@jumpstartmediahub Yes, these charts are specifically made for that purpose. You can make a call to an API you want. Like you can see on the demo page you will need to have a list for the Open, High, Low, Close and time series data. You can take a look inside the editor of the demo page to see exactly how to setup the charts
Not sure that I understand how specifically to format the data output from my API; from looking at your demo page. A user will put in a ticker (dynamic); then send a get request to my API. From there what does my response have to look like so the OHLC data displays correctly in your chart. Would happily use this to display my data if this is possible.
@jumpstartmediahub I have created a demo for you that uses data from a stocks API (Twelve Data). All the stock Data APIs are really similar so this will hopefully be useful to you. I also added a dropdown which lets a user switch ticker, so you can see how that would work. Let me know if this helps!
The response from the Twelve Data API looks like this:
Where may I see how to get this data into the chart on the demo ? I am new to Bubble and understand how to make my API and the get request; but do not know what needs to happen to get the OHLC data into your chart ? Is this done in the workflow ?
Yes 100% ; thanks you so much for your help, if possible please leave that demo page you created active for reference. Looking forward to using your plugin!
Hello @Thimo there are few questions I have for using the chart which we are unable to solve:
We are using a API to get current market value and plotting the candle chart - this works fine.
On the same chart we want to plot 2 line charts (or similar) to show support range. Support range are 2 values (for example max: 16000 and min: 15000) which indicate (predicts) where market will end up in few hours to few days. We are pushing this to bubble from an external python script every 3 hours and storing this in bubble DB.
We also want to show Exit Points - which is another element on the same chart. It will be a point on the chart showing where the market might end up that day
Lastly we want to show c/d count - which is another indicator which is mostly 0 - but we get a heart beat with a value sometimes. We want to represent that using 2-bar charts at the time we receive them
Could you guide us by creating a demo - of how we can include values from API (for candle chart) and values from bubble DB (support range: line chart, exit points: a point and c/d counts: 2 bars) on the same chart? We are struggling with that.
Thanks a lot!
Update: I have also now created the desired output. See the screenshot
Like you can see on the demo page you can use workflow actions to add more series to your chart. You will have to supply a time series in UNIX with the associated data points to be plotted. These can come from an API or from your database. The same is true for adding a histogram series.
The demo page also showcases how to add markers to your chart (second chart, USD/LTC). This is also done by using workflow actions. Here, you only need the UNIX time point.
Area chart
Demo page (editor is public): Advanced Financial Charts and Graphs.
