Отображение данных внутри бара с помощью chart.js в Angular 2 - PullRequest
0 голосов
/ 04 марта 2019

Я создал гистограмму с накоплением, используя chart.js.

data = {
    labels: ["first", "second", "third", "forth"],
    datasets: [{
      data: [43,30,23,88],
      label: 'Passed',
      backgroundColor: 'darkgreen',
    }, {
      data: [10, 12, 8, 20],
      label: 'Failed',
      backgroundColor: 'red',
    }],
  };

options = {
    maintainAspectRatio: true,
    responsive: true,
    legend: {
      labels: {  
        fontColor: white,
      },
    },
    scales: {
      xAxes: [
        {
          stacked: true,
          gridLines: {
            display: false,
          },
          ticks: {
            fontColor: white,                
          },
        },
      ],
      yAxes: [
        {
          stacked: true,
          gridLines: {
            display: true,
          },
          ticks: {
            fontColor: black,
          },
        },
      ],
    },

  };

<chart type="bar" [data]="data" [options]="options" ></chart>

Этот график создания.

Я хочу отображать данные внутри бара.

Как и у менячтобы написать так, чтобы он отображался внутри бара, он отображал количество и имя.

Вывод моего графика:

вывод

И я хочу вывод, как это

Ожидаемый результат

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