在JS / PHP图表中填充空数据

时间:2018-04-18 18:58:59

标签: javascript php charts chart.js

我遇到了用JS / PHP制作的图表的问题。

我的观点是:填写图表中的所有空值。例如,4月18日,因此图表必须显示过去14天的所有值 - 4月17,16,15,14,13,12 ...(即使是空的)而不在MySQL中添加数据。

我从https://github.com/ankane/chartkick.js

获取了样式和js图表

输出:https://ibb.co/mZ06cS

它在MySQL中的表现:https://ibb.co/jwqpxS

<?php
function convert_json ($array_data) {
  $str  =   '';
  foreach($array_data as $key=>$value) {
   if($str<>'')
   $str.=",";
   $str.=   '"'.$value['date_added'].'":'.$value['coins'];
  }
  return $str;
}

$earnings_14days    =   $db->QueryFetchArrayAll('SELECT site_id, SUM(coins) 
as coins, DATE_FORMAT(`date_added`, "%Y-%m-%d") as date_added  FROM 
m_z_analytics WHERE user_id="'.$data['id'].'" AND date_added >= 
(CURRENT_DATE - INTERVAL 14 DAY) GROUP BY DATE_FORMAT(`date_added`, "%Y-%m- 
%d") ORDER BY DATE_FORMAT(`date_added`, "%Y-%m-%d") ASC');
$earnings_14days_data   =   convert_json($earnings_14days);
?>

<div id="library" class="a-chart-1"></div>
<script>
new Chartkick.LineChart("library", {
  <?=$earnings_14days_data?>},
{});
</script>

0 个答案:

没有答案