Learn Chart.js电子书

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