在Angular 6中使用ngx-echarts 组件的地图(map)图表

首先,贴出官网ngx-echarts 官方文档
ngx-echarts 官方demo

ngx-echarts是根据echarts插件开发的,适用于Angular2.x及以上,另外不同版本的ngx-echarts也适用于不同版本的Angular,主要划分版本是Angular 6.

  1. v4.0.0 for Angular >= 6
  2. v2.3.1 for Angular < 6

运行效果
在这里插入图片描述

步骤如下:

一、Installation

npm  install  echarts  --save
npm  install  ngx-echarts  --save

二、Configue

import { NgxEchartsModule } from 'ngx-echarts';

@NgModule({
  imports: [
    ...,
    NgxEchartsModule
  ],
})
export class AppModule { }

三、Using

html

<div  echarts [options]="regionOptions"&
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值