Angular7 + echarts 柱状图比例（1）

最新推荐文章于 2021-11-14 11:14:42 发布

winner_corl

最新推荐文章于 2021-11-14 11:14:42 发布

阅读量683

点赞数

分类专栏： angular 文章标签： echarts angular7 比例

本文链接：https://blog.csdn.net/Sicily_winner/article/details/92760945

版权

本文展示了如何在Angular7应用中使用Echarts库创建柱状图，并详细解释了调整柱状图比例的步骤，通过代码示例进行说明。

摘要由CSDN通过智能技术生成

1、效果图

2、代码

<div id="try" style="height:26px;"></div>

import {Component, Input, OnInit} from '@angular/core';
import * as echarts from 'echarts';
import {DataSet} from '@antv/data-set';
import {IndexService} from '../../../services/index.service';

/**
 * @Description : 拟收储面积（公顷）等进度条内容
 * @Auth : Xuhy
 * @DemoUrl : https://gallery.echartsjs.com/editor.html?c=x-2ZFV-zvt
 * @Date : 2019/6/10
 * @Time : 19:47
 */
@Component({
    selector: 'app-gain',
    templateUrl: './gain.component.html',
})
export class GainComponent implements OnInit {

    // 拟收储面积
    nscComponentGuid = '6fd79ab3-163d-