使用EChat通过php读取后台数据将其转换为饼状图

博主在完成自己的毕业设计时，需要对数据库中的菜品按照种类进行统计销售额，已经使用柱状图完成了，但感觉还不够直观，因此想到可以采用饼状图的方式显示出来，于是使用了EChat的相关插件将其实现出来
以下是运行截图：

<html>
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<script src="echarts.min.js"></script>
<script src="jquery-3.4.1.min.js"></script>
<body><div id="chartmain" style="width: 600px; height: 400px;"></div>
</body>
<script type="text/javascript">//初始化echartsfunction chushihua(myChart){var option = {title:{text:'鼎食城菜品数据统计'},            series:[{name:'访问量',type:'pie', radius:'90%', data:[{value:0,name:'无'},]}]};myChart.setOption(option);   }//从数据库读取数据赋值给echartsfunction fuzhi(myChart){$.ajax({contentType : "application/json",type : "POST",url : "test1.php",dataType : "json",success : function(data) {//创建一个数组，用来装对象传给series.data，因为series.data里面不能直接鞋for循环var servicedata=[];for(var i=0;i<data.length;i++){var obj=new Object();obj.name=data[i].name; obj.value=data[i].age;servicedata[i]=obj;}myChart.setOption({title:{text:'鼎食城菜品销售额统计'},            series:[{name:'销售额',type:'pie', radius:'65%', data:servicedata}]});}});}//初始化echarts实例var myChart = echarts.init(document.getElementById('chartmain'));chushihua(myChart);fuzhi(myChart);    </script>
</html>

码字不易，给个赞呗

使用EChat通过php读取后台数据将其转换为饼状图相关推荐

Axure高保真移动端智能数据监控+用户画像+饼状图+条形图+折线图数据统计+抖音直播app用户数据统计+智慧移动端主播粉丝、评论、播放量大数据统计+套餐购买、续费套餐prd流程
作品介绍:Axure高保真移动端智能数据监控+用户画像+饼状图+条形图+折线图数据统计+直播app用户数据统计+智慧移动端主播粉丝.评论.播放量大数据统计+套餐购买.续费套餐prd流程原型演示及下载 ...
java excel 饼图,java 导入导出excle 和生成柱状图饼状图的demo/excle数据如何转成饼状图...
在EXCEL中,如何把表格中的数据转换成饼状图? 在Excel中,把中的数据转换状图的操作步骤如下: 想转换的数据源,插入饼状图,Excel会自动根据选择的数据源生成饼状图.接下来,可以自定义饼状图的 ...
pandas数据绘制直方图、饼状图、线形图
pandas的数据分为Series和Dataframe. Series是能够保存任何类型的数据(整数.字符串.浮点数.Python对象等)的一维标记数组: DataFrame是一种表格类型的数据结构. ...
python画饼状图的包_Python数据可视化：画饼状图、折线图、圈图
前言本文的文字及图片来源于网络,仅供学习.交流使用,不具有任何商业用途,版权归原作者所有,如有问题请及时联系我们以作处理. from math import pi import matplotlib ...
使用POI实现读取Excel数据并生成柱状图、折线图、饼状图的工具类
最近有一个需求是要通过程序自动根据excel中的数据来动态生成相应的图表.其中就有柱状图,折线图,饼状图.但是没想到用wps生成非常的简单,一点就可以生成,使用POI生成的过程非常的难受.不得不将这次 ...
java实现将数据生成图表至excel导出(包括折线图,柱状图,饼状图)
1. 目的根据已有数据,手动(java后台)生成图表至excel并导出.用于后台查询到数据后直接创建图表,可以代替直接使用图表信息字符串. 2. 说明使用jfree图表绘制类库绘制图表,并生成到本 ...
SpringBoot+Echarts实现请求后台数据显示饼状图
场景 SpringBoot搭建后台获取数据,前端可视化使用echarts的饼状图. Echarts3官网: https://www.echartsjs.com/index.html 获取Echarts ...
饼状图改变数据显示位置_这么用MatPlotLib视觉化呈现数据，你值得拥有
全文共6661字,预计学习时长20分钟或更长图片来源:pexels.com/@divinetechygirl 在现代数字世界中,数据就像空气一样重要. 人们每天都会自觉或不自觉地消费和产生大量数据. ...
Echarts饼状图数据动态获取
首先肯定是引入echarts的相关jar包,地址:https://www.echartsjs.com/zh/download.html 你可以引入在线定制生成的jar包,如下图所示: 然后接下来就自己 ...

使用EChat通过php读取后台数据将其转换为饼状图

使用EChat通过php读取后台数据将其转换为饼状图相关推荐

最新文章

热门文章