Estou tentando criar um gráfico (ChartJS) que combine 2 tabelas do meu banco de dados.
Caso:
Base de dados
tableObject
-- user_id
-- object_id
-- object_name
-- object_date_created (AAAA-MM-DD)
tableObjectAmount
-- object_amount_id
-- object_id (correspondente ao tableObject)
-- object_total
Gostaria de criar um gráfico que exiba object_amount / object_date; e mostrando apenas quando tableObject->user_id == user_id do meu aplicativo.
Esse é meu problema.
Então meu aplicativo roda no Codeingniter, aqui meu código:
public function index() {
$objectsArray = array();
$objectsDates = [];
$objectsAmounts = [];
$this->db->select('*');
$this->db->from('objects');
$this->db->where('user_id', $this->session->userdata('user_id'));
$objectsDatesQuery = $this->db->get();
foreach ($objectsDatesQuery->result() as $objectsDatesQueryRow) {
$objectsDates['object_id'] = $objectsDatesQueryRow->object_id;
$objectsDates['date'] = $objectsDatesQueryRow->object_date_created;
$this->db->select('*');
$this->db->from('object_amounts');
$this->db->where('object_id', $objectsDates['object_id']);
$objectsAmountsQuery = $this->db->get();
foreach ($objectsAmountsQuery->result() as $objectsAmountsQueryRow) {
$objectsDates['object_date'] = $objectsDatesQueryRow->object_date_created;
$objectsAmounts['object_total'] = $objectsAmountsQueryRow->object_total;
$objectsArray = array(
'object_date' => $objectsDatesQueryRow->object_date_created,
'object_total' => $objectsAmounts['object_total'],
);
}
}
}
O código JS do meu gráfico:
var ctx = document.getElementById('myChart').getContext('2d');
ctx.height = 246;
var chartData = {"jsonarray": <?php echo json_encode($objectsArray); ?>};
var labels = <?php echo json_encode($objectsArray['object_date']) ?>;
var data = <?php echo json_encode($objectsArray['object_total']) ?>;
var chart = new Chart(ctx, {
// The type of chart we want to create
type: 'bar',
// The data for our dataset
data: {
labels: labels,
datasets: [
{
label: 'Object',
borderColor: "black",
color: 'red',
backgroundColor: "white",
height: 200,
pointRadius: 0,
data: data
}
]
},
options: {
plugins: {
legend: {
display: false
}
},
responsive: true,
maintainAspectRatio: false,
scales: {
y: {
min: 0,
color: 'black'
},
x: {
min: 0,
color: 'black',
}
}
}
});
Quando eu faço
var_dump(json_encode($objectsArray))
Eu tenho
string(55) "{"objet_date":"2022-03-29","object_total":"3500.00"}"
E finalmente, meu chartJS:
Muito obrigado por qualquer ajuda!
Você provavelmente deseja usar uma junção e obter os dados em uma consulta:
$this->db->select('o.object_date_created, SUM(oa.object_total) AS total');
$this->db->from('objects o');
$this->db->join('object_amounts oa', 'o.object_id = oa.object_id', 'left outer');
$this->db->where('o.user_id', $this->session->userdata('user_id'));
$this->db->group_by('o.object_date_created');
$this->db->order_by('o.object_date_created', 'ASC');
$objectsArray = $this->db->get()->result_array();
Isso seleciona todos os objetos para um determinado usuário da tabela de objetos e, para cada objeto, encontra os object_amounts correspondentes na tabela object_amounts. O left outer
on the join
também inclui objetos sem object_amounts correspondentes.
Suponho que você queira exibir a soma dos object_totals para cada object_date_created: group_by
agrupa os totais por data, SUM(oa.object_total)
soma os totais para cada data e, order_by
em seguida, classifica as somas resultantes por data.
E no seu JavaScript:
var chartData = JSON.parse(<?= json_encode($objectsArray); ?>);
var labels = chartData.map( el => el.object_date_created );
var data = chartData.map( el => el.total );
Este artigo é coletado da Internet.
Se houver alguma infração, entre em [email protected] Delete.
deixe-me dizer algumas palavras