Log In
Or create an account ->
Imperial Library
Home
About
News
Upload
Forum
Help
Login/SignUp
Index
Title Page
Copyright and Credits
Learn Chart.js
About Packt
Why subscribe?
Packt.com
Contributors
About the author
About the reviewer
Packt is searching for authors like you
Preface
Who this book is for
What this book covers
To get the most out of this book
Download the example code files
Conventions used
Get in touch
Reviews
Introduction
Data visualization
Chart types
Choosing a chart
Web-based visualizations
Why use a data visualization library?
Creating data visualizations for the Web
How to use this book
Summary
References
Technology Fundamentals
Essential JavaScript for Chart.js
Browser tools
JavaScript types and variables
Data structures used in charts
Arrays
Strings
Functions
Objects
Other technologies
HTML Document Object Model(DOM)
Cascading Style Sheets
JQuery fundamentals
HTML5 Canvas
Data formats
CSV
XML
JSON
Loading and parsing external data files  
Using a Web server
Loading files using standard JavaScript
Loading files using JQuery
Loading files using the standard Fetch API
Parsing JSON
Parsing CSV
Loading multiple files
Displaying a map
Extracting and transforming data
Online tools
Extracting data with XPath
Summary
Chart.js - Quick Start
Introduction to Chart.js
Installation and setup
Creating a simple bar chart
Setting up the graphics context
Creating a bar chart
Configuring colors, fonts, and responsiveness
Dataset configuration for bar charts
Options configuration
Text and fonts
Global defaults
Transitions, interactions, and tooltips
Transition duration
Updating charts
Tooltips
Working with larger and multiple datasets
Loading data
Horizontal bar chart
Adding extra datasets
Stacking bars
Summary 
References
Creating Charts
Line and area charts
Creating a simple line chart
Dataset configuration
Options configuration for line charts
Line charts with more than one dataset
Loading data from external files
Stacked area charts
Radar charts
Pie and doughnut charts
Creating a simple pie chart
Dataset properties for pie charts
Configuration options
How to show values in the slices
Preparing data for pie and doughnut charts
Changing the circumference
Pie and doughnut charts with multiple datasets
Polar area charts
Scatter and bubble charts
Creating a scatter chart
Revealing correlations with scatter charts
Scatter charts with large quantities of data
Bubble charts
Summary
References
Scales and Grid Configuration
Configuring scales
Cartesian configuration options
Cartesian axes, ticks, and grid lines
Numeric Cartesian scales
Linear scales
Logarithmic scales
Configuring axis titles
Configuring ticks
Configuring grid lines
Category scales
Configuring the axes
Configuring ticks
Configuring grid lines
Time scales
Configuring the time format
Configuring the axes
Configuring ticks
Configuring grid lines
Radial scales
Configuring point labels
Configuring ticks
Configuring grids and angle lines
Configuring advanced scales
Multiple Cartesian axes
Callbacks
The scale service
Summary
References
Configuring Styles and Interactivity
Default configuration
Global defaults
Scale defaults
Graphical elements
Chart defaults
Fonts
Selecting standard fonts
Using Web fonts
Colors, gradients, patterns, and shadows
Configuring colors
Color schemes and palettes
Gradients
Patterns
Shadows and bevels
Adding text elements and labels
Legends and labels
Titles
Adding labels to lines, bars, and slices
Interactions, data updates, and animations
Data updates
Events
Configuring animations
Summary
References
Advanced Chart.js
Tooltip configuration
Hovering interactions
Scriptable properties
Tooltip callbacks
Custom HTML tooltips
Advanced legend configuration
Generating labels
HTML legends
Displaying multiple charts
Rendering many charts on one page
Mixed charts
Overlaying a canvas
Extending Chart.js
Prototype methods
Creating plugins
Chart.js extensions
Summary
References
Other Books You May Enjoy
Leave a review - let other readers know what you think
← Prev
Back
Next →
← Prev
Back
Next →