Блог

Главная - Вопросы по программированию - есть проблема в столбчатом графике группы с накоплением javascript

есть проблема в столбчатом графике группы с накоплением javascript

#javascript #html #css #arrays #laravel

#javascript #HTML #css #массивы #laravel

Вопрос:

У меня проблема в моем javascript. Это моя столбчатая диаграмма

у меня 3 бара за один месяц. каждая панель имеет 3 статуса каждого кандидата. у меня есть среднее значение за три года по моей столбчатой диаграмме.

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

 new Chart(document.getElementById("MyChart"), {
                type: 'bar',
                data: {
                    labels: [2017, 2018, 2019],
                    datasets: [{
                    label: "Gagal",
                    type: "bar",
                    stack: "Base",
                    backgroundColor: "red",
                    data: [30, 31, 32],
                    }, {
                    label: "Menunggu",
                    type: "bar",
                    stack: "Base",
                    backgroundColor: "yellow",
                    data: [15, 16, 17],
                    },{
                    label: "Lulus",
                    type: "bar",
                    stack: "Base",
                    backgroundColor: "green",
                    data: [15, 16, 17],
                    }, {
                    label: "Gagal",
                    type: "bar",
                    stack: "Sensitivity",
                    backgroundColor: "red",
                    data: [20, 21, 22],
                    }, {
                    label: "Menunggu",
                    type: "bar",
                    stack: "Sensitivity",
                    backgroundColor: "yellow",
                    backgroundColorHover: "yellow",
                    data: [10, 11, 12]
                    },{
                    label: "Lulus",
                    type: "bar",
                    stack: "Sensitivity",
                    backgroundColor: "green",
                    backgroundColorHover: "green",
                    data: [10, 11, 12]
                    },
                    {
                    label: "Gagal",
                    type: "bar",
                    stack: "Kehormat",
                    backgroundColor: "red",
                    data: [20, 21, 22],
                    }, {
                    label: "Menunggu",
                    type: "bar",
                    stack: "Kehormat",
                    backgroundColor: "yellow",
                    backgroundColorHover: "yellow",
                    data: [10, 11, 12]
                    }, {
                    label: "Lulus",
                    type: "bar",
                    stack: "Kehormat",
                    backgroundColor: "green",
                    backgroundColorHover: "green",
                    data: [10, 11, 12]
                    }]
                },
                options: {
                    scales: {
                    xAxes: [{
                        //stacked: true,
                        stacked: true,
                        ticks: {
                        beginAtZero: true,
                        maxRotation: 0,
                        minRotation: 0
                        }
                    }],
                    yAxes: [{
                        stacked: true,
                    }]
                    },
                }
                }); 
 <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.1/Chart.min.js"></script>
            <canvas id="MyChart" width="400" height="200" ></canvas>

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

Метки: