在CodeIgniter中,可以通过以下步骤来转换数组以获取Google图表中的数据:
application/controllers
目录下创建一个新的控制器文件,例如ChartController.php
。<?php
defined('BASEPATH') OR exit('No direct script access allowed');
class ChartController extends CI_Controller {
public function __construct()
{
parent::__construct();
$this->load->database(); // 加载数据库类
$this->load->helper('url'); // 加载辅助函数
}
public function index()
{
// 在这里编写数据转换的逻辑
}
}
index()
方法中,编写数据转换的逻辑。首先,从数据库中获取需要的数据。可以使用CodeIgniter的数据库查询构建器来执行查询。以下是一个示例代码:$query = $this->db->get('your_table'); // 替换为你的表名
$data = $query->result_array();
$chartData = array();
foreach ($data as $row) {
$chartData[] = array($row['x_value'], $row['y_value']); // 替换为你的字段名
}
$data['chartData'] = json_encode($chartData);
$this->load->view('chart_view', $data);
chart_view.php
中,使用Google图表库来呈现数据。以下是一个示例代码:<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script type="text/javascript">
google.charts.load('current', {'packages':['corechart']});
google.charts.setOnLoadCallback(drawChart);
function drawChart() {
var data = new google.visualization.DataTable();
data.addColumn('string', 'X');
data.addColumn('number', 'Y');
data.addRows(<?php echo $chartData; ?>);
var options = {
title: 'Chart Title',
// 更多自定义选项...
};
var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
chart.draw(data, options);
}
</script>
</head>
<body>
<div id="chart_div" style="width: 100%; height: 400px;"></div>
</body>
</html>
以上代码假设你的数据库表中有x_value
和y_value
两个字段,分别表示横轴和纵轴的值。你可以根据实际情况进行调整。
这样,当你访问ChartController
的index()
方法时,将会显示一个使用Google图表库呈现数据的图表页面。
注意:以上代码仅为示例,实际应用中可能需要根据具体需求进行调整和扩展。
领取专属 10元无门槛券
手把手带您无忧上云