I have a ui_chart node in the dashboard, which is working fine. the data is fed from a mysql query , processed and is displayed as expected. attaching a sample data and flow here i want to have zoom feature and i tried many things, most of the suggestions were to use apex chart. unfortunately i cou…

Apexchart example Flow based on your data (with some $random values added to simulated and test the chart update) [{"id":"c0c284e2d249d05c","type":"change","z":"54efb553244c241f","name":"sample data from mysql query","rules":[{"t":"set","p":"payload","pt":"msg","to":"[\t {\t \"d\":\"2023-0…

Did you try a search on the forum? Try using 'apex' and 'apex chart' and 'apexchart' and see what you find.

yes i did a lot of search, they all lead to apex webpage, no clue as to how to bring it in dashboard, there was one post which referred to it, but no sample flow in the topic, so could not understand. will give it one more try after office hours. thank you

did you read thru this one? [image] Apexcharts how to add js scripts General That isn't what Dashboard is for. It is aimed at people with no html/js experience and enables them to have a UI simply by providing nodes in Node-RED flows. If you want a custom UI, you may wish…

I am not template node literate The example given has the data built in the template node itself. I need to generate a line graph with external data. Will take me for ever to decipher that. I was also exploring the same in another thread where a node was used to draw a graph, but i could not under…

I cant thank you enough... this is absolutely brilliant. [Hands Down GIFs | Tenor] the tooltip is blank when i move on the chart, is that a setting issue ? [image]

i saw some problem with the styles also and i had to switch this setting Use Anglular theme in ui_template [image]

i checked and found i also have the angular setting in ui_template already. i saw tooltip section in template node 'commented' i removed the comment, the tooltip separated to each series, but i still dont have values showing

[image] smanjunath211: but i still dont have values showing probably because of the dark theme of your dashboard Check this link from the Apexchart website how to configure the tooltip I notice that there's a tooltip theme option but havent tried it

sure, i will check that out. again thank you so much, i had left hope. will post back once i have complete solution, this is more than a starting point for me. you have pushed me almost to the finish line..

[image] UnborN: probably because of the dark theme of your dashboard it is indeed due to dark theme, i am able to get the tooltip in light mode. however no amount of settings changed with input of Apexchart website (that is whatever i could understand) could show me tooltip in dark mode. [i…

Node-RED

Node-RED Forum

Ui_chart alternate (Apex chart ?) Just want the zoom feature in the graph

Dashboard

zenofmud 24 March 2023 09:35 4

did you read thru this one?

Topic		Replies	Views
Apex Chart with Customization Share Your Projects dashboard	10	802	26 August 2023
Apexcharts how to add js scripts General	9	2855	18 August 2021
Data displayed on chart Dashboard	5	115	2 September 2024
Tooltip question in Apex Chart Dashboard apex-chart	5	417	24 August 2023
Need help with line chart Dashboard	30	8558	16 July 2019

Copyright OpenJS Foundation and Node-RED contributors. All rights reserved. The OpenJS Foundation has registered trademarks and uses trademarks. For a list of trademarks of the OpenJS Foundation, please see our Trademark Policy and Trademark List. Trademarks and logos not indicated on the list of OpenJS Foundation trademarks are trademarks™ or registered® trademarks of their respective holders. Use of them does not imply any affiliation with or endorsement by them.

Ui_chart alternate (Apex chart ?) Just want the zoom feature in the graph

Related topics