ChartJS Tutorials #3 - Diving Into The Data Object

Support Free Tutorials

The best shared web hosting

Subscribe to Level Up Pro for extra features!

Subscribe to the Level Up Newsletter

To Support Level Up Tuts:

Simple cloud hosting, built for developers.:

Simple yet flexible JavaScript charting for designers & developers.

Mix and match bar and line charts to provide a clear visual distinction between datasets.

Plot complex, sparse datasets on date time, logarithmic or even entirely custom scales with ease.

Out of the box stunning transitions when changing data, updating colours and adding datasets.

Visualize your data in 8 different ways; each of them animated and customisable.

Redraws charts on window resize for perfect scale granularity.

[maheshiyatipansalawa]

Can you let me know how to connect a table in a database for the figures instead of typing the figures in javascript?

[ShreyasGaonkar]

Fixed scale:

options: {
scales: {
yAxes: [{
ticks: {
max: 100,
min: 0,
stepSize: 10
}
}]
}
}

[ronysmile]

Please upload tutorial for implementing gantt chart in angular 2

[aaronaaronaaron]

H, I really appreciate this great tutorials. Thank you so much.

[kennethshaw]

Nice you also go over how to deal with dates, like in ISO format, with the chart.js moment.js plugin?

[meenagarikapati]

how can get the time gap between two charts that means when first chart was coming after 5 sec second chart was coming like that

[royedwards]

Do you have a video on making the Data entries dynamic? (like say from a SharePoint List)

[thevamsi]

Hello Scott.Currently I'm working on flask jinja templates to render my html.I would like to know how I can render the chart by sending the data to the javascript code?. (The labels are predefined)

[datadoesdorian]

Hello. What if I want multiple points of data per month?

[musoverda]

Hi Scott! Tell me please, what program you record your videos? You video files get so small. I'm new and my ScreenFlow files are very large - 200Mb.

[DP-qyfc]

How we can add data to our chart dynamically i.e. from database?

[walterdefigueiredo]

Pls help im having an error main.js:3 Uncaught ReferenceError: Chart is not defined

[FajnyAleZaNiski]

This data structure doesn't make sense, author of this lib could make it much more simpler