一、前台

建个名为map.html，代码如下。

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
　　<title>分类页面</title>
　　<script type="text/javascript" src="__PUBLIC__/js/echarts.min.js"></script>

　　<script type="text/javascript" src="__PUBLIC__/js/jquery.js"></script>

</head>
<body>
　　<!-- 为ECharts准备一个具备大小（宽高）的Dom -->
　　<div id="main" style="width: 600px;height:400px;"></div>
</body>
<script type="text/javascript">
　　var myChart = echarts.init(document.getElementById('main'));
　　var arr1=[],arr2=[];
　　function arrTest(meter_no){
　　$.ajax({
　　type: "post",
　　async:false,
　　url: "{:U("Property/maptext")}",
　　data: {},
　　dataType: "JSON",
　　success: function(data){
　　　　for (var i = 0; i < data['name'].length; i++) {
　　　　　　arr1.push(data['name'][i]);
　　　　}
　　　　for (var i = 0; i < data['age'].length; i++) {
　　　　　　arr2.push(data['age'][i]);
　　　　}
　　}
});
return arr1,arr2;
}
arrTest();
var option = {
　　title: {
　　　　text: '测试'
　　},
　　tooltip: {
　　　　show: true
　　},
　　legend: {
　　　　data:['age']
　　},
　　xAxis : [
　　{
　　　　type : 'category',
　　　　data : arr1
　　}
　　],
　　yAxis : [
　　{
　　　　type : 'value'
　　}
　　],
　　series : [
　　{
　　　　"name":"age",
　　　　"type":"bar",
　　　　"data":arr2
　　}
　　]
};
// 为echarts对象加载数据
myChart.setOption(option);

</script>
</html>

二、后台

建个名为PropertyController.class.php控制器，代码如下。

public function map(){
$this->display();
}

public function maptext(){
$poem = array();
$poem['name'] = ["测试1","测试2","测试3","测试4","测试5","测试6"];
$poem['age'] = [15, 25, 45, 34, 40, 25];
$this->ajaxReturn ($poem,'JSON');

}

三、展示画面：

echarts+thinkphp 学习写的第一个程序的更多相关文章

  1. OpenGL学习笔记1——第一个程序

    学习的参考书基本是按照GL编程指南,如果有消息机制概念,对于GLUT的理解是很自然的.下面就按照自己写的第一个程序详细解释一下GL,还是比较容易上手的. 程序实现的功能是,根据当前随即种子摇出来的结果 ...

  2. DirectX11 学习笔记1 - 第一个程序

    为了加快学习速度,和使程序更加easy理解.  我把sampler tutorial里面的一个样例 的固定代码和常常修改的代码经过简单的类的封装了一下. 以后学习的时候就能够仅仅在还有一个文件写ren ...

  3. （转载）OC学习篇之---第一个程序HelloWorld

    之前的一片文章简单的介绍了OC的相关概述,从这篇开始我们就开始学习OC的相关知识了,在学习之前,个人感觉需要了解的其他的两门语言:一个是C/C++,一个是面向对象的语言(当然C++就是面向对象,不过这 ...

  4. OC学习篇之---第一个程序HelloWorld

    从这篇开始我们就开始学习OC的相关知识了,在学习之前,个人感觉需要了解的其他的两门语言:一个是C/C++,一个是面向对象的语言(当然C++就是面向对象,不过这里最好还是Java).在干活之前,得先找到 ...

  5. ICE学习第二步-----从第一个程序了解ICE（HelloWorld）

    ICE(Internet Communications Engine)是一种面向对象的中间件平台,主要用于网络通讯.它为面向对象的“客户端-服务器”模型的应用提供了一组很好的工具和API接口.目前在全 ...

  6. 重新学习之spring第一个程序，配置IOC容器

    第一步:导入相关jar包(此范例导入的是spring3.2.4版本,spring2.5版本只需要导入spring核心包即可) 第二步:在项目的src下配置applicationContext.xml的 ...

  7. android学习三---创建第一个程序

    1.创建一个Helloworld程序 1.1 new-android application 点击file-new-android application出现如下界面 填上应用名,项目名,包名,选择所 ...

  8. 4.用springboot写的第一个程序--helloworld

    这是我自己在controller层建的hello类 运行,选画方框的那个.我查了一晚上,可算知道为啥运行不了了. 然后再浏览器输入网址就ok了 为了大力!好好学习!

  9. Objective-C学习笔记（三）——用Objective-C编写第一个程序:Hello，World！

    不管是哪一个程序猿,或者是学习哪一门计算机语言.写的第一个程序基本上就是Hello World. 今天我们用OC来实现第一个程序:Hello World. 在Xcode中选择新建一个项目,在对话框中选 ...

随机推荐

  1. PHP函数之HTMLSPECIALCHARS_DECODE

    PHP函数之htmlspecialchars_decode   htmlspecialchars_decode :将特殊的 HTML 实体转换回普通字符   htmlspecialchars: 将普通 ...

  2. iOS CoreImage之滤镜简单使用

    代码地址如下:http://www.demodashi.com/demo/11605.html 老骥伏枥,志在千里 前记 最近一直在研究图像处理方面,既上一篇iOS Quart2D绘图之UIImage ...

  3. 灾备用Oracle语句备查

    Oracle常用Sql . 查看数据库的归档模式及闪回是否启用            select log_mode,open_mode,flashback_on .查看实例状态        sel ...

  4. MySQL Memory 存储引擎浅析

    原创文章,转载必需注明出处:http://www.cnblogs.com/wu-jian/ 前言 需求源自项目中的MemCache需求,開始想用MemCached(官方网站:http://memcac ...

  5. 36氪Plus消息：贷款组合推荐工具“钱小二”已获数百万天使轮融资

    根据"钱小二"在创业者社区36氪plus上的更新信息,该团队已获得数百万天使轮融资,投资方及投资时间不明. "钱小二"是一个贷款搜索 + 贷款组合推荐平台,目标 ...

  6. Leetcode:integer_to_roman

    一.     题目 将给定的数字(阿拉伯数字)转化成罗马数字. 数字不会大于3999 二.     分析 首先我们要知道神马是罗马数字,尽管听说过.但事实上我还真没有记住,于是就google了下,具体 ...

  7. OC-1-面向对象

    课程要点: C语言是一种面向过程的语言,OC是一种面向对象的语言 类与对象的关联 如何在xcode中创建一个类 如何在类中标记该类事物的属性和动作 C语言是一种面向过程的语言,OC是一种面向对象的语言 ...

  8. 用kaptcha生成验证码

    1.新建web项目,导入jar包:kaptcha-2.3.jar 2.配置web.xml代码如下: <?xml version="1.0" encoding="UT ...

  9. Math函数的"四舍五入"，Floor，Ceiling，Round的一些注意事项！

    1.Math.Round:四舍六入五取偶 引用内容 Math.Round(0.0) //0Math.Round(0.1) //0Math.Round(0.2) //0Math.Round(0.3) / ...

  10. ini_set ini_get 可操作配置参数列表

    为了使自己的程序在不同的平台中拥有更好的兼容性,很多时候我们都要获取当前Php的运行环境参数. 比如我们常用到的: 获取 magic_quotes_gpc 状态,来决定当表单提交时我们是否转义(add ...