Angular Google Charts - 环境设置

Angular Google Charts环境设置 - 从简单和简单的步骤学习Angular Google Charts，从基本到高级概念，包括概述，环境设置，配置语法，区域图表，条形图，气泡图，烛台图表，柱形图，组合图，直方图，折线图，地图，组织结构图，饼图，Sankey图，散点图，阶梯图，表格图，树图。

本教程将指导您如何准备开发环境以开始使用Google Charts和Angular Framework.在本章中，我们将讨论Angular 6所需的环境设置.要安装Angular 6，我们需要以下 :

Nodejs
Npm
Angular CLI
用于编写代码的IDE

Nodejs必须大于8.11且npm必须大于5.6.

Nodejs

To检查系统上是否安装了nodejs，在终端中键入 node -v .这将帮助您查看系统上当前安装的nodejs的版本.

C:\>node -vv8.11.3

如果没有打印任何内容，请在系统上安装nodejs.要安装nodejs，请访问nodejs的主页 https://nodejs.org/en/download/并根据您的操作系统安装软件包.

根据您的操作系统，安装所需的软件包.一旦安装了nodejs，npm也将随之安装.要检查是否安装了npm，请在终端中键入npm -v.它应该显示npm的版本.

C:\>npm -v5.6.0

在角度CLI的帮助下，Angular 6安装非常简单.访问角色 https://cli.angular.io/的主页，以获取命令.

Angular CLI

输入 npm install -g @ angular/cli ，在你的系统上安装angular cli.

安装Angular CLI

安装Angular CLI后，您将在终端中获得上述安装.您可以使用您选择的任何IDE，即WebStorm，Atom，Visual Studio Code等.

安装Google Charts Wrapper

运行以下命令命令在创建的项目中安装Google Charts Wrapper模块.

googleChartsApp> npm angular-google-charts+ angular-google-charts@0.1.0added 2 packages in 20.526s

在app.module.ts文件中添加以下条目

import { GoogleChartsModule } from 'angular-google-charts';imports: [   ...   GoogleChartsModule],