百度Echarts消防训练成绩大数据可视化综合分析系统开发实录(1)饼图表格互动篇

简介: 百度Echarts消防训练成绩大数据可视化综合分析系统开发实录(1)饼图表格互动篇

20191112170012288.jpg


**要求:**按照训练项目、人员所在单位、成绩评定以及训练录入时间作为筛选互动条件;

解决方案:

第一步,mysql语句,输入全部的“优秀”、“良好”、“及格”和“不及格”的json数据;

    $projectSelect = $_POST['projectSelect'];
    $selectDepart = $_POST['selectDepart'];
    $grade = $_POST['grade'];
    $start_date = $_POST['start_date'];
    $end_date = $_POST['end_date'];
    //查询语句;
    $sql = "select category_id,category_name,achieve_grade,member_depart,achieve_time,COUNT(achieve_accurate) as achieve_accurate from " . $db->table('achieve') . " where 1";
    //训练项目查询;
    IF ($projectSelect != "") {
      $sql .= " AND category_id in ($projectSelect)";
    }
    //所在单位查询;
    IF ($selectDepart != "") {
      $sql .= " AND instr (\" . $selectDepart . \",member_depart) > 0";
    }
    //选择成绩评定查询;
    IF ($grade != "") {
      $sql .= " AND instr (\" . $grade . \",achieve_grade) > 0";
    }
    //起始时间;
    IF ($start_date != "") {
      $sql .= "  AND date_format(from_unixtime(achieve_time),'%Y-%m-%d') >= '$start_date'";
    }
    //结束时间;
    IF ($end_date != "") {
      $sql .= "  AND date_format(from_unixtime(achieve_time),'%Y-%m-%d') <= '$end_date'";
    }
    $sql .= ' group by achieve_grade';


一定是:group by achieve_grade。

在百度Echarts中,直接使用:

gradeName.push(result.data[i].achieve_grade);

即可自动过来重复数据,形成新的数据,作为legend: {}的data使用。

第二步,互动表格展示;

在读取数据列表$.ajax的返回success:{}中,嵌套同样筛选条件的表格api即可。

相关实践学习
基于MaxCompute的热门话题分析
Apsara Clouder大数据专项技能认证配套课程:基于MaxCompute的热门话题分析
相关文章
|
5月前
|
存储 分布式计算 大数据
基于Python大数据的的电商用户行为分析系统
本系统基于Django、Scrapy与Hadoop技术,构建电商用户行为分析平台。通过爬取与处理海量用户数据,实现行为追踪、偏好分析与个性化推荐,助力企业提升营销精准度与用户体验,推动电商智能化发展。
|
5月前
|
机器学习/深度学习 大数据 关系型数据库
基于python大数据的台风灾害分析及预测系统
针对台风灾害预警滞后、精度不足等问题,本研究基于Python与大数据技术,构建多源数据融合的台风预测系统。利用机器学习提升路径与强度预测准确率,结合Django框架实现动态可视化与实时预警,为防灾决策提供科学支持,显著提高应急响应效率,具有重要社会经济价值。
|
5月前
|
机器学习/深度学习 大数据 关系型数据库
基于python大数据的青少年网络使用情况分析及预测系统
本研究基于Python大数据技术,构建青少年网络行为分析系统,旨在破解现有防沉迷模式下用户画像模糊、预警滞后等难题。通过整合多平台亿级数据,运用机器学习实现精准行为预测与实时干预,推动数字治理向“数据驱动”转型,为家庭、学校及政府提供科学决策支持,助力青少年健康上网。
|
5月前
|
传感器 人工智能 监控
拔俗多模态跨尺度大数据AI分析平台:让复杂数据“开口说话”的智能引擎
在数字化时代,多模态跨尺度大数据AI分析平台应运而生,打破数据孤岛,融合图像、文本、视频等多源信息,贯通微观与宏观尺度,实现智能诊断、预测与决策,广泛应用于医疗、制造、金融等领域,推动AI从“看懂”到“会思考”的跃迁。
440 0
|
小程序 JavaScript
微信小程序使用echarts图表(ec-canvas)
这篇文章介绍了在微信小程序中使用`ec-canvas`集成echarts图表的方法,包括解决加载时报错的问题、配置图表组件、以及在小程序页面中引入和使用这些图表组件的步骤。
2435 1
微信小程序使用echarts图表(ec-canvas)
|
前端开发 数据可视化 JavaScript
Echarts如何实现多图表缩放和自适应?附源码
Echarts如何实现多图表缩放和自适应?附源码
Echarts如何实现多图表缩放和自适应?附源码
|
小程序 前端开发 JavaScript
微信小程序图表制作利器:ECharts组件的使用与技巧
微信小程序图表制作利器:ECharts组件的使用与技巧
1614 1
|
Web App开发 数据可视化 前端开发
Echart的使用初体验,Echarts的基本使用及语法格式,简单图表绘制和使用及图例添加【学习笔记】
本文介绍了ECharts的基本使用和语法格式,包括如何引入ECharts、创建容器、初始化echarts实例对象、配置option参数和一些基础图表的绘制方法。文章还提供了简单图表绘制和使用图例添加的示例代码,以及对ECharts特性和优势的概述。
Echart的使用初体验,Echarts的基本使用及语法格式,简单图表绘制和使用及图例添加【学习笔记】