Как убрать расчет процента в верхней части бара на гистограмме ng2-графика - PullRequest
Новая
       27

Как убрать расчет процента в верхней части бара на гистограмме ng2-графика

0 голосов
/ 31 марта 2019

Я пытаюсь создать гистограмму, используя ng2-диаграмму в угловых 5. Это создает нормально, но я думаю, что мне не хватает какой-то конфигурации, из-за которой я получаю процентное вычисление поверх максимум 2 баров. я хочу удалить эти проценты

Я использую ng2-диаграммы (1.6.0), chart.js (2.7.2) в package.json. Я пробовал конфигурацию, доступную на chartjs.org для гистограммы, но не смог удалить процентное соотношение для этих баров Please see yellow highlighted which i want to remove В HTML 

<canvas baseChart
    height='260px'
    [datasets]="barChartData"
    [labels]="barChartLabels"
    [options]="barChartOptions"
    [colors]="chartColors"
    [legend]= "false"
    [chartType]="barChartType">
</canvas>

В компоненте 

public barChartType: ChartType = 'bar';
public barChartOptions: ChartOptions = {
    responsive: true,
    scales: { xAxes: [{}], yAxes: [{ticks: {beginAtZero: true}}] },
    plugins: { datalabels: { anchor: 'end', align: 'end', } }
};

public barChartData = [ { data: [7,4,1,5,3,1,2,1]} ],
public barChartLabels = ['25/03','26/03','27/03','28/03','29/03','30/03','31/03','01/04','02/04',],
public chartColors = [ {backgroundColor: '#fa9cb0'} ]

Я хочу простой бар без случайного процента в верхней части этого бара. Просто для информации, это идет только за небольшую стоимость. Для значений типа 

[12,22,34,53,65,73,23,45]

Хорошо.

Пожалуйста, дайте мне знать, как я могу удалить эти проценты с верхней части бара. Есть ли другие конфигурации, которые мне нужно использовать ??

1 Ответ

0 голосов
/ 13 апреля 2019

Далее я посмотрел на проблему и обнаружил, что в моем проекте был создан глобальный плагин, который был неправильно реализован для каждого типа диаграммы без какого-либо настраиваемого свойства. 

Chart.plugins.register({ // plugin implementation });

Ссылка на эту ссылку Плагин ChartJs

...