Following your first recommendation I added the condition to check the label on the Javascript Expression, it would use the code to generate one trace if no label is selected and the code to generate multiple traces when the label is selected. Still not working.
The main/base scatter module output is already being inserted into the Javascript as a variable called âtraceConfigâ, as shown in the video, this scatter doesnât have X or Y values, I add them to the âJavascript Trace/sâ according to the selected values on the dropdown. Iâll leave a picture of my Scatter - Base Element attached, the mode, name and text position are the only configurations used in this Element.
Hey @samuel98,
I have sent you an admin invitation to a template that replicates our live demo. Have you received the invitation email?
Please review it. We employ the Plot Mate element and have constructed a user interface akin to the bubble editor. However, you can apply the same approach to create your own chart builder.
Concerning the current issue, it appears that when labels are removed, Plotter updates the first trace, which is Markers, and retains the others until a label is reintroduced. By conditions, I refer to the differences in conditions being the Label's value, ensuring that the X and Y dropdowns share the same criteria under both conditions.
I checked for a little bit the âlive demoâ template, it seems you use actions and plotmate to add traces, could be a little troublesome when adding multiple traces in one action using that approach tho, still good to know thereâs different ways to customize the plots.
I donât really get what youâre asking me to do, if you could elaborate a little bit further thatâd be awesome.
There are two conditions on the Javascript Expression and the only difference between the two is if âLabelâs valueâ is empty, remember that the Bubble JS Expressions are evaluated when any referenced dynamic value is updated and as shown in the video; the text that contains the traces information is updated accordingly, is the plotter the one that holds old values. Should I add a conditional on the plotter instead? Excuse me for not understanding and thanks for the reply.
You are right; this method may not be the best practice for your current situation. However, I mentioned it because I believe you might incorporate chart-building features into your application in the future.
It might be a solution; we actually need to conduct some trials and errors.
Indeed, Iâve reviewed the Plotter data, and itâs accurate that the plotter fails to update correctly. The issue arises specifically when the labelâs value is empty.
It seems, it does update on its own, but only by replacing the first trace, a problem that does not occur when altering the labelâs value to one with fewer traces.
As I lack access to the application and youâre utilizing custom code, Iâm attempting to identify the correct solution through trial and error.
Should I gain access to the application or a demo that mirrors current setup, I would undertake these steps independently, and if the issue lies within the plugin, I would be able to detect and rectify it.
I appreciate your patience and understanding; rest assured, I am committed to resolving this issue to the best of my ability.
If I were in your position, I would utilize the bubble âformat as textâ feature to construct the traces and apply conditions to the plotter element.
Hey @NoCodeDataArtisan, right now our current circumstances donât allow us to give you access to the application. Do you think its possible to Setup a new page with the plugin, add me as a collaborator so I can mirror a similar case?
Already have access to the other page but I wonât touch anything on it till authorized.
Happy to know youâre into this, and let me know how can we work on this to resolve it asap.
Hey, weâre happy to hear youâre with us on this.
I created a little example that I think will help you debug this problem as the interactions are the sameâŚ
Iâm using the JS2Bubble plugin to load the data as a bubble thing, this time and to check it wasnât the plugin or javascript causing the problem; I did this hardcoded example where you only have the mpg column as our Xâs, horsepower column as our Yâs and the origin column as the label/group. I also created the scatter/trace elements on the page and used its module outputs in the chartplotter.
Using the single trace when no label is selected.
Thank you for your excellent cooperation and for informing us about this issue. I have been working on it and, fortunately, I identified the problem and resolved it within the plugin. The plugin has been updated on our demo, and it is functioning properly.
Please proceed to update the plugin on your main application, test it, and inform me of the outcome. Rest assured, we are always available to assist you with any issues or challenges that may arise as you use your remarkable application.
Thank you for your help, Iâve tested a little bit and it seems to be working like a charm even with our traces coming from the Expression Element.
Will be reaching if any issue arises.
Hey @NoCodeDataArtisan, hope youâre good.
Any possibility of adding a feature to save/upload the image from a plot to bubble through an action or something? We want our users to keep track of any important plot they might have made and this would be a nice feature to have.
I know that plotly has a method to get the static image toImage() from a plot so, that could be a placeto start. Please let me know your thoughts and whether this is possible.
Hello @samuel98,
Thank you, I trust youâre doing well too.
Certainly, since youâve indicated that this feature is available in Plotly, we can incorporate it into the plugin. Iâll work on it over the next few days and update you accordingly.
Thank you for your contribution to enhancing the plugin.
We have introduced the âCapture Imageâ action for the Plotter element, allowing you to capture the chartâs image and get access to it from the Plotterâs state.
We have also added an event that triggers after capturing images to ensure the latest image is used.
Hi there, awesome plug in! I wanted to ask for a pointer here: I am making a multi-line chart. I have various monthly time series I want to use but they donât all have the same start date. At the moment, they all start at the left margin and the lines finish at different points on the right hand side. Is there a way to either align them all on the right hand side of the x-axis, or to add each x-axis separately for each input?
My second question is how to use the plotmate function. I couldnât find any instructions for it.
Could I receive a screenshot of the current chart, as well as a sample of the desired chart?
In relation to Plotmate, we possess a template utilized for our live demo. I can transfer a copy to your account, allowing you to observe how we enable end users to construct their own charts.
Hey there. Big fan of this plug in!
The issue I face is that I want the option of having potentially 100-200 scatter charts that the use can select from a menu I made using nested groups.
I want to use the âadd traceâ actions to selectively add the scatter charts to the chart plotter as I assume adding all of them directly to the plotter has the potential to slow the page down (please correct me if I am wrong).
However, the add trace/plotmate add trace actions arenât working for me.
Am I missing an additional plug in to help this work?
At the moment I have the scatter plot element and I just use add trace and fill in the required information.
In my particular case I would like to trigger this when the value of a check box in my menu is âyesâ.
Resolved. My mistake was assuming that if the x-axis in the chart plotter is referring to a list of dates, it would automatically align any other data to the end of the date series.
Fixed by adding dates to each scatter input individually - then the chart plotter correctly handles the dates independently.
No, I havenât solved the adding trace issue. When I said resolved, I was replying to a previous question I had. I do still need help with adding traces.
