angular项目中使用echarts

第一步安装echart
npm install echarts --save
第二步安装angular对应echart的插件
npm install ngx-echarts@3.2.0 --save
第三步在angular.json文件中引入echarts.js（这一步或许打包后有用不清楚，可以跳过）

{
    ...
    "build":{
        ...
        "options":{
            ...
            "scripts":[
                "node_modules/echarts/dist/echarts.min.js"
            ]
        }
    }
}

第四步在app.module中引入（不行的话试试别的入口module文件）

import { NgxEchartsModule } from 'ngx-echarts';

同时在app.module中的ngModule中引入

@NgModule({
  imports: [
    NgxEchartsModule
  ]
)}

第五步在使用的页面中引入
import * as echarts from ‘echarts’;

然后html文件中（这种写法应该是随便写，毕竟在ts中会用id进行初始化）

第六步在ts文件中
定义chart；chartOption；
this.chart = echarts.init(document.getElementById(‘echart’));
this.chart.setOption(chartOption, true);

最后注意一定要定义宽高。不然是看不到效果的
成功（后续会记录调整大小的问题，比如监听屏幕变化需要手动调整图表大小。）