ChartJS Tutorials #6 - Writing A Bar Chart From Scratch

ChartJS Tutorials #6 - Writing A Bar Chart From Scratch

Syntax

7 лет назад

40,445 Просмотров

Ссылки и html тэги не поддерживаются


Комментарии:

Mustafa SAYIN
Mustafa SAYIN - 20.02.2021 10:05

hi, Urgent, Urgent please. help me for making mysql datas the chart.

I am using node.js, at app.js I am sending sql datas to first page is:(app.js)

app.get('/yillik',(req, res) => {

let sql = `SELECT * FROM results`;

let query = connection.query(sql, (err, rows) => {

if(err) throw err;

res.render('user_resultChart', {

title : 'RAPORLAMA',

users : rows

});

});

});

I can response and make table mysql datas at second page is :( resultChart.esj)

<tbody>

<% users.forEach(function(user){ %>

<tr>

<th><%= user.result0 %></th>

<td><%= user.result1 %></td>

<td><%= user.result2 %></td>

<td><%= user.result3 %></td>


</tr>

<% }); %>

How can I use in Chart. I want to convert to Chart. I want to use HTML not PHP. (because I cant install php server on my customer's server)
Thank you.

Ответить
Manish Mahajan
Manish Mahajan - 04.12.2020 03:57

That is great . Can we create drill down charts using chart.js ? Can you share link of that video

Ответить
Ian Carr
Ian Carr - 29.11.2018 17:50

Great introductory series, thanks.

Ответить
Jerushalem Dalí Jasso
Jerushalem Dalí Jasso - 03.07.2018 19:55

Hello. Thank you for sharing your knowledge! This is very helpful. I just have a doubt: I created a barChart and now I need three barCharts more in the same document. I am not sure of what I am doing wrong, but I can't get there. Only displays one.
If anyone would be so kind to help me, please! Thank you!

Ответить
Spoorti Honnatti
Spoorti Honnatti - 22.02.2018 21:05

how to set the bar thickness ?

Ответить
Sheila Rosin
Sheila Rosin - 09.09.2017 10:02

Do you have some tutorial on how to fetch data from the database to the horizontal bar chart?

Ответить
abhishek yadav
abhishek yadav - 17.08.2017 11:52

Can you tell me ho do I implement chartistics.js divisor function here , i want to divide minutes by 60 and an show the hours at the top of the graph.

Ответить
Sanket Thotange
Sanket Thotange - 06.07.2017 20:28

Is it possible to add a value at the top of every bar rather than tooltip?

Ответить
ashwini mallela
ashwini mallela - 26.03.2017 15:06

after all the files ...data.php file working fine but when i'm excuting bargraph.html file its showing empty page please help me in that issue

Ответить
Cuiqing Li
Cuiqing Li - 17.01.2017 08:21

Hi,Scott! I am just wondering how did you put your image in the middle of the webpage? I tried many times, still have no idea

Ответить
Ashutosh jha
Ashutosh jha - 25.11.2016 21:25

how can we implement bar chart with stacked datasets?

Ответить
Muso Verda
Muso Verda - 20.10.2016 18:51

I liked how you showed in the console Chart object and its properties. It is very convenient - no need to remember what properties are located and where. All at your fingertips)

Ответить
Renato Rodrigo Chinaglia
Renato Rodrigo Chinaglia - 18.08.2016 19:20

How I can put the label value in the middle bar ?

Ответить
Federico Vitale
Federico Vitale - 12.08.2016 15:51

make a series on mo.js it's awsome!

Ответить
Filip
Filip - 05.08.2016 00:21

I wonder what kind of atom plugins you're using, the way you set it up looks amazing!

Ответить
beardymonger
beardymonger - 02.08.2016 11:51

Thank you, excellent video!

What's your thoughts about using TypeScript to get auto completion of objects, function arguments, etc.?

Ответить