@Kvandaik

Как создать массив для скрипт части кода?

Сделал код https://code.re/82dkB6nr, как бы его допилить, чтоб на стороне скрипта data: [ массив был в цикле. исходники все тут https://canvasjs.com/php-charts/stacked-column-100...

Вот сам код
<?php

$array=array('Завод №1' =>array('Пластиковая труба ф10'=>1, 'Пластиковая труба ф20'=>2, 'Пластиковая труба ф30'=>3), 'Завод №2' =>array('Пластиковая труба ф10'=>3, 'Пластиковая труба ф20'=>2, 'Пластиковая труба ф30'=>2), 'Завод №3' =>array('Пластиковая труба ф10'=>2, 'Пластиковая труба ф20'=>4, 'Пластиковая труба ф30'=>3), 'Завод №4' =>array('Пластиковая труба ф10'=>3, 'Пластиковая труба ф20'=>2, 'Пластиковая труба ф30'=>5), 'Завод №5' =>array('Пластиковая труба ф10'=>4, 'Пластиковая труба ф20'=>4, 'Пластиковая труба ф30'=>1), 'Завод №6' =>array('Пластиковая труба ф10'=>4, 'Пластиковая труба ф20'=>4, 'Пластиковая труба ф30'=>4), 'Завод №7' =>array('Пластиковая труба ф10'=>4, 'Пластиковая труба ф20'=>5, 'Пластиковая труба ф30'=>4), 'Завод №8' =>array('Пластиковая труба ф10'=>6, 'Пластиковая труба ф20'=>2, 'Пластиковая труба ф30'=>7), 'Завод №9' =>array('Пластиковая труба ф10'=>1, 'Пластиковая труба ф20'=>5, 'Пластиковая труба ф30'=>3));


foreach ($array["Завод №1"] as $key => $value1) {



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



$mass=array("label"=> $key0, "y"=>$array[$key0][$key]);

$dataPoints1[] = array($mass);
}

}



$chess=count($array["Завод №1"]);

$chery=count($dataPoints1);

$delenie=$chery/$chess;

$ramb=array_chunk($dataPoints1,$delenie);


for($i = 0; $i <= $chess-1; $i++) {
${'result'.$i}=array_merge($ramb[$i][0],$ramb[$i][1],$ramb[$i][2],$ramb[$i][3],$ramb[$i][4],$ramb[$i][5],$ramb[$i][6],$ramb[$i][7],$ramb[$i][8]);

}


?>

<!DOCTYPE HTML>
<html>
<head>  
<script>
window.onload = function () {

var chart = new CanvasJS.Chart("chartContainer", {
    title: {
        text: "Spending of Money Based on Household Composition"
    },
    theme: "light2",
    animationEnabled: true,
    toolTip:{
        shared: true,
        reversed: true
    },
    axisY: {
        suffix: "шт."
    },
    data: [
        {
            type: "stackedColumn",
            name: "Пластиковая труба ф10",
            showInLegend: true,
            yValueFormatString: "$#,##0 K",
            dataPoints: <?php echo json_encode($result0); ?>
        },{
            type: "stackedColumn",
            name: "Пластиковая труба ф20",
            showInLegend: true,
            yValueFormatString: "$#,##0 K",
            dataPoints: <?php echo json_encode($result1); ?>
        },{
            type: "stackedColumn",
            name: "Пластиковая труба ф30",
            showInLegend: true,
            yValueFormatString: "$#,##0 K",
            dataPoints: <?php echo json_encode($result2); ?>
        }
    ]
});

chart.render();

}
</script>
</head>
<body>
<div id="chartContainer" style="height: 370px; width: 100%;"></div>
<script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>
</body>
</html>
  • Вопрос задан
  • 76 просмотров
Решения вопроса 1
@Kvandaik Автор вопроса
<?php 
$array=array('pam1' =>array('A'=>1, 'B'=>2, 'C'=>3), 'pam2' =>array('A'=>3, 'B'=>2, 'C'=>2), 'pam3' =>array('A'=>2, 'B'=>4, 'C'=>3), 'pam4' =>array('A'=>3, 'B'=>2, 'C'=>5), 'pam5' =>array('A'=>4, 'B'=>4, 'C'=>1), 'pam6' =>array('A'=>4, 'B'=>4, 'C'=>4), 'pam7' =>array('A'=>4, 'B'=>5, 'C'=>4), 'pam8' =>array('A'=>6, 'B'=>2, 'C'=>7), 'pam9' =>array('A'=>1, 'B'=>5, 'C'=>3)); 

$keys = array_keys($array); 
$firstKey = $keys[0]; 

foreach ($array[$firstKey] as $key => $value1) { 

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

$mass=array("label"=> $key0, "y"=>$array[$key0][$key]); 

$dataPoints1[] = array($mass); 
} 

} 

$chess=count($array[$firstKey]); 

$chery=count($dataPoints1); 

$delenie=$chery/$chess; 

$ramb=array_chunk($dataPoints1,$delenie); 

for($i = 0; $i <= $chess-1; $i++) { 

${'result'.$i}=array_merge(...$ramb[$i]); 

} 

foreach ($array[$firstKey] as $key6 => $value1) { 
$key7[]=$key6; 
} 

for($s = 0; $s <= $chess-1; $s++) { 

${'data'.$s} = array( 
array( 
'type' => 'stackedColumn', 
'showInLegend' => true, 
'type' => 'stackedColumn', 
'yValueFormatString' => '#,##0 шт.' 
) ); 

foreach(${'data'.$s}as $key5 => $item){ 
${'data'.$s}[$key5]['name']=$key7[$s]; 

${'data'.$s}[$key5]['dataPoints'] = ${'result'.$s}; 

} } 

for($s = 0; $s <= $chess-1; $s++) { 

$main[]= json_encode(${'data'.$s}).','; 

} 


$vat=str_replace('}]', '}', $main); 

$vat=str_replace('[{', '{', $vat); 

$vat=str_replace(':{', ':[{', $vat); 

$vat=str_replace('}},', '}]},', $vat); 


?> 
<!DOCTYPE HTML> 
<html> 
<head> 
<script> 
window.onload = function () { 

var data = [<?php 
for($s = 0; $s <= $chess-1; $s++) { 
echo $vat[$s]; 
} ?>] 

var chart = new CanvasJS.Chart("chartContainer", { 
title: { 
text: "Spending of Money Based on Household Composition" 
}, 
theme: "light2", 
animationEnabled: true, 
toolTip:{ 
shared: true, 
reversed: true 
}, 
axisY: { 
suffix: "шт." 
}, 
data: data 
}); 
chart.render(); 
} 
</script> 
</head> 
<body> 
<div id="chartContainer" style="height: 370px; width: 100%;"></div> 
<script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script> 
</body> 
</html>

сделал
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы