目标:
angular中代码:
import { Component, OnInit, ViewChild } from '@angular/core';
@ViewChild('main1') dom: any;
constructor(private datePipe: DatePipe, private titleService: Title) {
this.titleService.setTitle('尝试页面');
}
async ngOnInit() {
// 基于准备好的dom,初始化echarts实例
console.log(this.dom);
// 得到的this.dom.nativeElement才是我们想要的div
const myChart = echarts.init(this.dom.nativeElement);
// 指定图表的配置项和数据
const option: any = {
// 折线图的颜色
color: ['#4FCB73', '#FB9E1B'],
legend: {
// 这个data 可要可不要,data的数据内容是从 series 每个对象的name里获取的
data: ['独山', '独山外海'],
right: 10,
},
// 鼠标触发类型
tooltip: {
trigger: 'axis'
},
// 直角坐标系内绘图网格 里面的百分比数据可以