Practical Highcharts with Angular: Your Essential Guide to Creating Real-time Dashboards

ISBN-13: 9781484291801 / Angielski / Miękka / 2023 / 254 str.

Sourabh Mishra

Opis

Intermediate-Advanced

Learn to create stunning animated and interactive charts using Highcharts and Angular. This updated edition will build on your existing knowledge of HTML, CSS, and JavaScript to develop impressive dashboards that will work in all modern browsers.You will learn how to use Highcharts, call backend services for data, and easily construct real-time data dashboards so you can club your code with jQuery and Angular. This book provides the best solutions for real-time challenges and covers a wide range of charts including line, area, maps, plot, and much more. You will also learn about arc diagrams, bubble series, dependency wheels, and error bar series. After reading this book, you'll be able to export your charts in different formats for project-based learning. Highcharts is one the most useful products worldwide for developing charting on the web, and Angular is well known for speed. Using Highcharts with Angular developers can build fast, interactive dashboards. Get up to speed using this book today.What You’ll Learn

• Create interactive animated styling themes and colors for a dashboard
  
• Work on a real-time data project using Web API and Ajax calls through different data sources
• Export charts in various formats

Who This Book Is ForDevelopers, dev leads, software architects, students or enthusiasts who are already familiar with HTML, CSS, and JavaScript.

Spis treści

Chapter 1: Getting Started with Highcharts

 

·          Benefits of Highcharts

·          History of Highcharts

·          Basics of Charting

·          Setup and Configuration

·          Creating Your First Chart

·          Summary

 

Chapter 2:  Concept of Highcharts

·          Scalable Vector Graphics

·          Choosing the Right Chart Type Based on Requirements

·          Bar Charts

·          Line Charts

·          Scatter Plots

·          Maps

·          Setting Layouts

·          Alignment

·          Setting Up Chart Margins

·          Legends

·          Setting Up Plot Lines

·          Setting Credits

·          Summary

 

Chapter 3: Integrating Highcharts with Angular

·          What Is Angular?

·          What’s New in Angular  

·          Configuring Angular

·          Setting Up Node.js

·          Code Editor

·          Setting Up Angular CLI

·          TypeScript

·          Highcharts Angular Wrapper

·          Summary

 

Chapter 4: Different Charting Types

·          Pie Charts

·          Donut Chart

·          Drilldown Charts

·          Required Dependencies

·          Setting Up the Unique Name for a Series

·          Line Charts

·          Area Charts

·          Scatter Charts

·          Histogram Charts

·          Heat Map Series Charts

·          Stacked Bar Charts

·          Column Pyramid Charts

·          Gauge Charts

·          Arc Digram

·          Deviation Chart

·          Bubble Series

·          Dependency Wheel

·          Error bar series

·          Organisation Chart

·          Sunburst Chart

·          Summary

 

Chapter 5: Working with Real-Time Data

 

·          Web API

·          What Is REST?

·          Web API Development Using Visual Studio

·          Solution Explorer

·          ConfigureService( )

·          Configure( )

·          Routing

·          Attribute Routing

·          Database Creation

·          Adding Entity Framework

·          Angular-Highcharts UI Application

·          Services in Angular

·          Events in Highcharts

·          Drilldown Event

·          LegendItem Click Event

·          CheckBoxClick Event

·          Highcharts Wrapper for .NET

·          LineSeries Chart with a Highcharts Wrapper

·          Gauge Series Chart with a Highcharts Wrapper

·          SeriesData Classes

·          Summary

 

Chapter 6: Themes and Additional Features of Highcharts

·          Themes in Highcharts

·          Applying a Dash Style Series to a Line Chart

·          Combinations in Highcharts

·          Zoom Option in Highcharts

·          Setting an Image in a Chart Area

·          3 D Charts

·          Cylinder Chart

·          Funnel 3D

·          Pyramid 3D

·          Pie 3D Chart

·          Exporting and Printing Charts

·          Additional Chart Features

·          Radar Chart

·          Pareto Chart

·          Bell Curve Chart

·          Organization Chart

·          Timeline Chart

·          Gantt Chart

·          Summary

 

Chapter 7: Building a Real-Time Dashboard

 

·          Real-Time Dashboard Application

·          Features of the App

·          Creating a Web API

·          Setting Up a Database

·          Creating a Database First Approach Using Entity Framework

·          Routing in an Angular App

·          Summary

O autorze

Sourabh Mishra is an Entrepreneur, Developer, Speaker, International Author, Corporate Trainer, and Animator. He is a Microsoft guy; he is very passionate about Microsoft technologies and a true .Net Warrior. Sourabh started his career when he was just 15 years old. He’s loved computers from childhood. His programming experience includes C/C++, Asp.Net, C#, Vb.net, WCF, Sqlserver, Entity Framework, MVC, Web API, Azure, Jquery, Highcharts, and Angular. Sourabh has been awarded a Most Valuable Professional (MVP) status. He has the zeal to learn new technologies, sharing his knowledge on several online community forums.

He is a founder of “IECE Digital” and “Sourabh Mishra Notes”, an online knowledge-sharing platform where one can learn new technologies very easily and comfortably.

Blurb

Learn to create stunning animated and interactive charts using Highcharts and Angular. This updated edition will build on your existing knowledge of HTML, CSS, and JavaScript to develop impressive dashboards that will work in all modern browsers.

You will learn how to use Highcharts, call backend services for data, and easily construct real-time data dashboards so you can club your code with jQuery and Angular. This book provides the best solutions for real-time challenges and covers a wide range of charts including line, area, maps, plot, and much more. You will also learn about arc diagrams, bubble series, dependency wheels, and error bar series. After reading this book, you'll be able to export your charts in different formats for project-based learning.

Highcharts is one the most useful products worldwide for developing charting on the web, and Angular is well known for speed. Using Highcharts with Angular developers can build fast, interactive dashboards. Get up to speed using this book today.

You will:

• Create interactive animated styling themes and colors for a dashboard
  
• Work on a real-time data project using Web API and Ajax calls through different data sources
• Export charts in various formats