Блог

Главная - Вопросы по программированию - Круговая диаграмма ChartJS с простыми параметрами синтаксического анализа не отображается, работает только в том случае, если она задана в виде столбчатой/линейной диаграммы

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

#javascript #chart.js

Вопрос:

У меня есть эта диаграмма, которая работает нормально

     var ctx = document.getElementById("myChart").getContext("2d");

const cfg = {
    type: 'bar',
    data: {
        datasets: [{
            data: receivedData,
            label:"testSet"
        }]
    },
    options: {
        parsing: {
            yAxisKey: 'COUNT',
            xAxisKey: 'MODEL'
        }
    }
    };

var myChart = new Chart(ctx, cfg);

receivedData содержит объекты со следующими свойствами

     {MODEL:"model name", COUNT:10}

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

это какая-то ошибка или я делаю что-то не так?

я использую chart.js последняя версия

Ответ №1:

На данный момент вы не можете использовать объектную нотацию для пончиков/круговых диаграмм, в настоящее время в их репозитории открыта проблема с улучшением для этого: https://github.com/chartjs/Chart.js/issues/9440

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

Метки: , ,