создать диаграмму basi c p ie с помощью chartjs - PullRequest
Новая
       7

создать диаграмму basi c p ie с помощью chartjs

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

Я использую библиотеку Chart Js для создания очень базового c p ie графика. Я просто хочу отобразить две данные AAA и BBB с пометкой, но код ниже не создает диаграмму p ie и даже не вызывает ошибок. Как я могу это исправить? Что я здесь не так делаю?

Html: 

<canvas id="LossProfit"></canvas>

Диаграмма Js: 

<script>

    var LossProfit = document.getElementById('LossProfit').getContext('2d');
    var myPieChart = new Chart(LossProfit, {
        type: 'pie',
        data: [
            {
                label: 'AAA',
                value: 20,
                color: "#1a5279"
            },
            {
                label: 'BBB',
                value: 40,
                color: "#1a5279"
            }
        ],
        options: {
            responsive: true
        }
    });
</script>

1 Ответ

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

Согласно Схема. js Документация :

Для диаграммы ap ie наборы данных должны содержать массив точек данных. Точки данных должны быть числом, диаграмма. js будет суммировать все числа и вычислять относительную пропорцию каждого из них.

Вам также нужно указать массив меток, чтобы всплывающие подсказки отображались правильно.

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

new Chart(document.getElementById('LossProfit'), {
  type: 'pie',
  data: {
    labels: ['AAA', 'BBB'],
    datasets: [{
      data: [20, 40],
      backgroundColor: ["#1a5279", "#f78159"]
    }],
  },
  options: {
    responsive: true
  }
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.3/Chart.min.js"></script>
<canvas id="LossProfit" height="100"></canvas>
...