search

creativetimofficial / ct-argon-dashboard-pro-nodejs

3 stars 4 forks source link

Creating new charts #6

Open michaelroyzen opened 4 years ago

michaelroyzen commented 4 years ago

It is very unclear how to make new charts with Charts.js in Node.js. I would appreciate it if I could have guidance on how to create my own custom charts with live data from a database. There exists a folder with a bunch of chart-.js and chart.min.js files, but it is not clear how I can create my own.

michaelroyzen commented 4 years ago

@supportudevoffice

michaelroyzen commented 4 years ago

I have just extended my premium support.

dragosct commented 4 years ago

Hi, @michaelroyzen! Do you try to follow the exact way like the charts are created in the product?

Regards, Dragos

michaelroyzen commented 4 years ago

The data for all the charts seem to be hardcoded in the public/js/components/charts directory. Please take a look. Using the charts as documented works, but the charts all have hard-coded data and is not documented anywhere how to modify this data or feed real data to the charts. I have tried and failed, and would like detailed instructions, please. Thank you!

michaelroyzen commented 4 years ago

@spanciu @dragosct10 I have spent many hours trying to figure this out. I have purchased priority support. Please give me detailed instructions on how I can feed live data into the charts. Thank you.

dragosct commented 4 years ago

Hi, @michaelroyzen! In this product, we are using the chartjs library. We also built those charts from their documentation. Did you follow the instructions on their getting started documentation?

Regards, Dragos

michaelroyzen commented 4 years ago

Hi @dragosct10, I have followed the documentation at https://argon-dashboard-pro-nodejs.creative-tim.com/docs/plugins/charts.html exactly. The default Chart.js library (at the link that you sent) uses document.getElementById in their documentation, which is not available in node.js. I am confused as to how it was ported to Argon, and all of my attempts to feed live data have failed. All I ask from you is to please provide me a short code snippet -- based on Argon's documentation for how I can feed live data to a chart. It would be one thing if Chart.js was a random library, but the Argon dashboard lists Chart.js integration as an advertised feature and thus I would appreciate a specific code snippet on how to feed live data. This is something that should be in Argon's documentation but is not.

I followed the instructions in the Argon docs directly and the charts show only the fake default data that is hardcoded somewhere. Please, please provide me with a code snippet for how to feed live data based on the existing dashboard. I paid $160 for this dashboard, and Chart.js is something that is promised as a feature. Please just give me a code snippet. Thank you.

michaelroyzen commented 4 years ago

@spanciu

ghost commented 3 years ago

Having the exact same issue, documentation lacks a lot of information, what if you want to update charts with socket.io? Dashboard pro vs Dashboard free version has no difference then.

jarildson commented 2 years ago

having same issue. No idea how to feed data in to charts. Can we get a work around? I just bought Argon Pro and I have no clue how to even create new charts.

itsRabb commented 1 year ago

Looking for help on changing the chart values. Argon Dashboard 2 PRO Bootstrap.