Как правильно использовать цикл for в html?

Question

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

При попытке сделать это с помощью цикла for они отображаются в виде единичного объекта на круговой диаграмме и не разделяются.

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

Я пытался создать несколько строк, таких как $ what 1 , whatcount 1 .Но это не работает надежно, потому что, если $ независимо [4] - последняя существующая переменная, то попытка отобразить $ все, что [5] выводит из строя все для меня.

function drawChart() {
            var data = google.visualization.arrayToDataTable([
                ['Task', 'Hours per Day'],
                ['<?php for($i = 1; $i < $counter1; $i++) { 
                        echo $whatever[$i]; 
                        } ?>',     
                <?php for($j = 1; $j < $counter1; $j++) { 
                        echo $whatevercount[$j]; }?>],
                        ]);

Получившийся пирогДиаграмма - это всего лишь 1 объект, и она не разделяется.

Answer 1

Вы можете зацикливаться на массиве с помощью foreach (), поэтому вы не пытаетесь получить доступ к позиции в этом массиве, которая не существует.

Кстати, лучший способ - это, вероятно, создатьодин массив с именем задачи в качестве ключа и временем, потраченным в качестве значения:

$time_spent_on_task = array();
$time_spent_on_task['Task_one'] = 2;
$time_spent_on_task['Second_task'] = 4.5;
etc...

Таким образом, вы можете выполнить цикл следующим образом:

foreach ($array as $key => $value) {

    echo '['.$key.','.$value.'],';

}

Что приводит к чему-то вроде этого:

var data = google.visualization.arrayToDataTable([
    [{label: 'Task', type: 'string'},
    {label: 'Hours per Day', type: 'number'}],

    <?php
        foreach ($time_spent_on_task as $task => $time) {
            echo '['.$task.','.$time.'],';
        }
    ?>
]);

Чистота и эффективность:)