как создать полутоновую диаграмму в E-Chart - PullRequest
Новая
       19

как создать полутоновую диаграмму в E-Chart

0 голосов
/ 05 февраля 2020

Я хочу сделать диаграмму "Половина пончика". Это должно быть похоже на первый график на рисунке.

Но на моем графике пространство занимает место над графиком (Второй график). можно ли удалить это пространство.

Ссылка на изображение: https://i.stack.imgur.com/xPOUU.png

Мой код: 

option = {

    legend: {
        orient: 'vertical',
        x: 'left',
        data: ['直接访问', '邮件营销', '联盟广告', '视频广告', '搜索引擎']
    },
    series: [
        {
            name: 'half semi',
            type: 'pie',
            radius: ['50%', '70%'],
            center: ['50%', '100%'],
            startAngle: 180,
            endAngle: 360,
            avoidLabelOverlap: false,
            label: {
                normal: {
                    show: false,
                    position: 'center'
                },

            },
            labelLine: {
                normal: {
                    show: false
                }
            },
            data: [
                { value: 3, name: 'ok' },
                { value: 5, name: 'bad' },
                { value: 2, name: 'warning' },
                { value: 10, name: 'bottom' }
            ]
        }
    ]
};

1 Ответ

0 голосов
/ 26 апреля 2020

Я сделал так, чтобы поместить echarts в div обертки, а затем установить высоту и переполнение: 

<div class="tracker-gauge">
  <div echarts [options]="chartOptions" (chartInit)="onChartInit($event)"></div>
</div>

А затем в css: 

.tracker-gauge {
  overflow: hidden;
  height: 140px;

  div {
    height: 220px;
  }
}

Также Я использовал диаграмму «колеи» вместо диаграммы «p ie».

...