Chapter 9. The DHTMLX Chart

In this chapter, we will learn about the DHTMLX chart component and cover the different initializations, events, methods, and settings. We will then add a chart to the application.

All changes done in this chapter will occur inside the app.js and index.html files.

The DHTMLX chart component allows us to create many different types of charts with very little effort. DHTMLX provides chart types including area, horizontal bar, vertical bar, stacked vertical bar, stacked horizontal bar, donut, line, pie, radar, scatter, and spline. It is a very powerful collection of charts.

For the application we will be focusing on the vertical bar chart and learn how to structure data and use its events.

By the end of this chapter, we will have a great understanding of the chart component and add a bar chart to the application to display each user by their age.