I tried to create a column chart/bar chart but unable to get around how to , i am able to generate a line chart with example given. would you please help in a demo flow for the same. also i need some help in getting the dynamic data from mysql query to be able to be read by flexdash. currently i a…

[image] smanjunath211: currently i am getting the mysql query output in the below format. What is the type of the time column in mysql? Is there no date portion? Right now the TimePlot really likes to have date & time... To make things easier I would map the times into today, something like …

[image] tve: I'll have to push a release so you guys can play with it. I can't keep up Thorsten !! You are developing quicker that I can reply :laughing: :laughing: :laughing:

Yeah, that's because you guys keep asking for features faster than I can hack! :laughing:

[image] tve: that's because you guys keep asking for features faster than I can hack! I feel the momentum for flexdash gathering....

Well, interesting Xmas goose chase... Echarts... Yeah... I had some nice hack to rewrite "import" statements for the Custom Widgets. Well, that works, but if I import vue-echarts it in turn wants to import 'vue' and 'echarts/core' and stuff like that. Without bundling step that doesn't work. Fortu…

I know that you are always up for a challenge :wink: ...but did you consider Plotly? It has a CDN - plotly.js - Libraries - cdnjs - The #1 free and open source CDN built to make life easier for developers which serves plotly 'basic' that I believe includes line, bar, scatter, pie & bubble charts, …

Plotly is better than Echarts in terms of history data graphic display. Plotly and Echarts are two of my favorite charts. We use Plotly for history data review. One issue with Plotly is the real-time speed. Echarts runs faster than Plotly when there are many data points that need to be updated in r…

Did you try "import" all of Echarts? import * as echarts from 'echarts'; // Create the echarts instance var myChart = echarts.init(document.getElementById('main')); // Draw the chart myChart.setOption({ title: { text: 'ECharts Getting Started Example' }, tooltip: {}, xAxis: { data…

[image] davidz: Plotly and Echarts are two of my favorite charts Never used Echarts, but Plotly has proved a popular choice here in the node-RED community, probably because of it being lightweight, flexible, and it's easy to use documentation. I only mentioned Plotly because of the difficult…

Yes understood. We like and use both charts. Actually Echarts has larger user base than Plotly, very flexible with detailed documentation. As to the size, ploty.min.js is 3.5MB, while echarts.min.js is about 1MB, about 1/3 of Plotly. As to importing, including "echarts.min.js" should be enough? (…

Node-RED

Node-RED Forum

Flexdash Bar Chart

General

Topic		Replies	Views
Echarts Flexdash Gauges General flexdash	47	1520	2 January 2023
How to add/use external libraries in flexdash? (plotly.js) Dashboard flexdash	21	1146	7 January 2023
🚀 [FlexDash] alpha release - a dashboard for Node-RED Share Your Nodes flexdash	227	8472	16 September 2022
:sparkler: FlexDash alpha release - round 2 Share Your Nodes flexdash	144	5044	22 December 2022
Flexdash 'Time Plot Raw' chart formatting (uPlot) General flexdash	5	437	4 December 2022

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.

Flexdash Bar Chart

Related topics