开发手册 欢迎您！
软件开发者资料库

Angular Highcharts - 环境设置

Angular Highcharts环境设置 - 从简单和简单的步骤学习Angular Highcharts，从基本到高级概念，包括概述，环境设置，配置语法，折线图，区域图表，条形图，柱形图，饼图，散点图，动态图表，组合，3D图表，地图。

本教程将指导您如何准备开发环境以开始使用Highcharts和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 -v v8 .11.3

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

nodejs的主页将如下所示;

NodeJS Homepage

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

C:\> npm -v 5.6.0

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

Angular CLI

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

安装Angular CLI

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

安装Highcharts

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

highchartsApp>npm install highcharts --save+ highcharts@6.2.0added 1 package in 137.534s

运行以下命令在创建的项目中安装highchart包装器模块.

highchartsApp>npm install highcharts-angular --save+ highcharts-angular@2.3.1added 1 package in 20.93s

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

import { HighchartsChartComponent } from 'highcharts-angular';declarations: [   ...   HighchartsChartComponent    ],