ECharts制作报表模板

最新推荐文章于 2024-03-14 14:57:36 发布
最新推荐文章于 2024-03-14 14:57:36 发布
阅读量2w 收藏 24
点赞数 4
分类专栏： ★知识点研究 文章标签： 报表 总结
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/makang456/article/details/52873121
版权

【背景】

    最近公司的问题汇总平台差不多接近尾声，回顾前段时间领导任命做的报表真是别有一番成长波折；在这之前以为问题汇总平台就差不多完结了，结果原来压轴的在后面呢，报表的设计涵盖了本平台80%的核心内容，既然这么重要就更得放上十足的精神干了O(∩_∩)O~

【简介】

    报表的实现使用的是ECharts：百度开源的纯 Javascript 图表库
    使用方法:百度搜素ECharts,进入它的官网,有对应的文档以及实例,直接选择自己相应的实例,粘贴到你的代码中,按照它需要的数据结构将数据传递过去,就会出现你想要的优美报表。

【规划】

    做程序猿不可能当一辈子代码搬运工，基于这样的思想指导，面对领导安排的活儿，我们并没有将自己局限到最终实现报表的层次，而是深入业务，融入公司需求，站到各种角色的角度来考虑报表的设计、报表将要反应的问题、呈现的趋势，对于战略决策者能够提供一个怎样的数据支撑。
    使用何种工具进行报表的实现也属于我们考虑的范畴，如何才能够做到高效、优质的开发是我们方向，给客户呈现出制作人员的核心思考以及达到的实际高价值是我们的终极目标。
    有了这样的整体思路下面就是我们的部分实现效果图O(∩_∩)O~

【效果】

【实例】

    一、html代码

<span style="font-family:KaiTi_GB2312;font-size:18px;">-
    <!--整体div-->
    <div id="zhengti"  style="width:900px;margin: 0 auto;margin-bottom: 10px;margin-top: 40px;">
         
         <!--图形div visible="false"-->
         <div  id="main"  style="width:800px;height:450px; float:left; display:inline; margin-bottom:30px;"></div>
        <br />
         <!--列表div-->
         <div id="editor-grid" style=" border-top:none; width:800px;height:300px;"></div>

    </div> 
-</span>

    二、js代码

<span style="font-family:KaiTi_GB2312;font-size:18px;">-

         //页面刷新的方法加载
         $(document).ready(function () {
             //获取隐藏控件中的值
             var rejctphenomenontypename = "";

             //准备数据
             var json;
             $.ajax({
                 url: '../ashx/chartashx/reject_belongs_system_charts.ashx?cmd=cmd&rejctphenomenontypename=' + rejctphenomenontypename,
                 type: 'post',
                 dataType: 'json',
                 async: false,
                 success: function (data) {
                     json = data;
                 }, error: function (data) {
                     alert("加载失败，请联系管理员！");
                 }
             });
             loadcharts(json);
             loadList(json);
             document.title = "问题汇总";
         });

         //展示图标function
         function loadcharts(json) {

             //图表展示
             var myChart1 = echarts.init(document.getElementById('main'));

             option = {

                 //图表标题  
                 title: {

                     text: "子系统不合格品问题统计", //正标题  

                     x: "center", //标题水平方向位置  
                     //正标题样式  
                     textStyle: {
                         fontSize: 20
                     },
                     //副标题样式  
                     subtextStyle: {
                         fontSize: 12,
                         color: "red"
                     }
                 },
                 tooltip: {
                     trigger: 'axis',
                     axisPointer: {            // 坐标轴指示器，坐标轴触发有效
                         type: 'shadow'        // 默认为直线，可选为：'line' | 'shadow'
                     }
                 },

                 //工具箱配置  
                 toolbox: {
                     show: true,
                     feature: {
                         mark: { show: true }, // 辅助线标志，上图icon左数1/2/3，分别是启用，删除上一条，删除全部  
                         dataView: { show: true, readOnly: false },// 数据视图，上图icon左数8，打开数据视图  
                         magicType: { show: true, type: ['line', 'bar', 'stack', 'tiled'] },// 图表类型切换，当前仅支持直角系下的折线图、柱状图转换，上图icon左数6/7，分别是切换折线图，切换柱形图  
                         restore: { show: true }, // 还原，复位原始图表，上图icon左数9，还原  
                         saveAsImage: { show: true } // 保存为图片，上图icon左数10，保存  
                     }
                 },

                 //图例内容以及位置
                 legend: {
                     //加载图例内容，这里json.a是对应的数组元素
                     data: json.tuli,
                     y: "bottom"

                 },
                 grid: {
                     left: '0%',
                     right: '0%',
                     bottom: '20%',
                     containLabel: true
                 },
                 //x轴的数据
                 xAxis: [
                     {
                         axisLabel: {
                             rotate: 60,
                             interval: 0
                         },
                         type: 'category',
                         //加载x轴的数据，这里
                         //data: ['部门1', '部门2', '部门3', '部门4'],
                         data: json.xzhou,
                         name: "部门"

                     }
                 ],
                 //y轴的数据
                 yAxis: [
                     {
                         type: 'value',
                         name: "数值"
                     }
                 ],
                 //图中的数据，这里是通过匹配的来的！
                 series: json.tushuju
             };


             //将配置好的图加载到div中
             myChart1.setOption(option);

             //单击穿透
             myChart1.on('click', function (param) {
                
                 var rejectbelongssystemname = param.name;
                 //window.open("reject_phenomenon_type_charts.aspx?rejectbelongssystemname=" + rejectbelongssystemname);
                 window.open("reject_phenomenon_type_charts1.aspx?rejectbelongssystemname=" + rejectbelongssystemname, 'newwindow', 'height=672,width=1182,top=100,left=100,toolbar=no,menubar=no,scrollbars=no,resizable=no, location=no,status=no')
             });

         }

         //加载列表function
         function loadList(json) {
             var columns = [json.listbiaotou];

             //gridData属性
             InitGrid = {
                 //nowrap: true,
                 //autoRowHeight: true,
                 striped: true,
                 singleSelect: true,
                 // url: Init.url + '&cmd=list',
                 //data: [{ "Id": 1, "region": "8号线", "SR": 100, "ST": 80 }, { "Id": 2, "region": " 北京亦庄线", "SR": 40, "ST": 80 }, { "Id": 3, "region": " 重庆3号线", "SR": 30, "ST": 80 }, { "Id": 4, "region": " 成都3号线", "SR": 10, "ST": 80 }, { "Id": 5, "region": " 大连线", "SR": 10, "ST": 80 }],
                 data: json.listshuju,
                 fitColumns: true,
                 idField: 'Id',
                 pagination: true,
                 rownumbers: true,
                 pageSize: 10,
                 pageList: [5, 10, 15, 20, 50, 80, 200],
                 //toolbar: toolbar,
                 columns: columns,
                 // fit: true,
                 //border: true
             }

             //创建数据表格
             dataGrid = $("#editor-grid").datagrid(InitGrid);

         }
-</span>

    三、一般处理程序代码

<span style="font-family:KaiTi_GB2312;font-size:18px;">-
#region 3、子系统不合格品问题统计-马康-2016年9月28日17:16:23
        /// <summary>
        /// 3、子系统不合格品问题统计-马康-2016年9月28日17:16:23
        /// </summary>
        /// <returns></returns>
        private string queryList(string rejctphenomenontypename)
        {

            //实例化BLL层
            ProblemSpotBLL problemspotbll = new ProblemSpotBLL();

            //查询数据
            DataSet projectProblemList = problemspotbll.queryrejectbelongssystemList(rejctphenomenontypename);

            DataTable tables2 = new DataTable();
            tables2.Columns.Add("producttype", typeof(String));
            DataRow row = tables2.NewRow();
            row["producttype"] = "不合格品";
            tables2.Rows.Add(row);
            projectProblemList.Tables.Add(tables2);

            StringBuilder sb = new StringBuilder();
            String resultStr = "";
            if (projectProblemList.Tables.Count > 0)
            {
                //总括号
                sb.Append("{");
                #region 1、图例项对象数组
                //第一个图例项对象数组
                sb.Append("\"tuli\":[");
                for (int i = 0; i < projectProblemList.Tables[2].Rows.Count; i++)
                {
                    sb.Append("\"" + projectProblemList.Tables[2].Rows[i][0] + "\",");
                }
                sb.Remove(sb.Length - 1, 1);
                sb.Append("],");
                #endregion

                #region 2、x轴中的项目
                //第一个图例项对象数组
                sb.Append("\"xzhou\":[");
                for (int i = 0; i < projectProblemList.Tables[1].Rows.Count; i++)
                {
                    sb.Append("\"" + projectProblemList.Tables[1].Rows[i][0] + "\",");
                }
                sb.Remove(sb.Length - 1, 1);
                sb.Append("],");
                #endregion

                #region 3、图中的数据
                //第一个图例项对象数组
                sb.Append("\"tushuju\":[");
                //最外层循环，循环项目
                for (int i = 0; i < projectProblemList.Tables[2].Rows.Count; i++)
                {
                    sb.Append("{");
                    sb.Append("\"name\":\"" + projectProblemList.Tables[2].Rows[i][0] + "\",");
                    sb.Append("\"type\":\"bar\",");
                    sb.Append("\"data\":[");
                    //定义一个临时数组，来存储下面要获得的数据
                    int[] arraylist = new int[projectProblemList.Tables[1].Rows.Count];
                    //根据项目匹配总数据中的值
                    for (int j = 0; j < projectProblemList.Tables[0].Rows.Count; j++)
                    {
                        //如果有相等的值，则进入循环部门(这里肯定会至少有一个项目名称与之匹配，因为项目名称是根据这个datatable去重筛选出来的)
                        string adsf = projectProblemList.Tables[0].Rows[j][1].ToString();
                        string asdfasdf = projectProblemList.Tables[2].Rows[i][0].ToString();
                        if (projectProblemList.Tables[0].Rows[j][1].ToString() == projectProblemList.Tables[2].Rows[i][0].ToString())
                        {

                            //通过循环产品，向数组中加入内容
                            for (int k = 0; k < projectProblemList.Tables[1].Rows.Count; k++)
                            {
                                if (projectProblemList.Tables[1].Rows[k][0].ToString() == projectProblemList.Tables[0].Rows[j][0].ToString())
                                {
                                    arraylist[k] = (int)projectProblemList.Tables[0].Rows[j][2];
                                }

                            }
                        }

                    }
                    //循环将数组拼接到字符串中
                    for (int k = 0; k < arraylist.Length; k++)
                    {
                        sb.Append("\"" + arraylist[k] + "\",");
                    }
                    sb.Remove(sb.Length - 1, 1);
                    sb.Append("]");
                    sb.Append("},");
                }
                sb.Remove(sb.Length - 1, 1);
                sb.Append("],");

                #endregion

                #region 4、列表中的表头
                double kuandu = (800 - 30) / (projectProblemList.Tables[1].Rows.Count + 1) - 3;
                //第一个图例项对象数组
                sb.Append("\"listbiaotou\":[");
                sb.Append("{");
                sb.Append("\"field\":\"id\",");
                sb.Append("\"hidden\":\"true\"");
                sb.Append("},");
                sb.Append("{");
                sb.Append("\"field\":\"region\",");
                sb.Append("\"title\":\"项目\",");
                sb.Append("\"align\":\"center\",");
                sb.Append("\"width\":\"" + kuandu + "\"");
                sb.Append("},");

                for (int i = 0; i < projectProblemList.Tables[1].Rows.Count; i++)
                {
                    sb.Append("{");
                    sb.Append("\"field\":\"" + projectProblemList.Tables[1].Rows[i][0] + "\",");
                    sb.Append("\"title\":\"" + projectProblemList.Tables[1].Rows[i][0] + "\",");
                    sb.Append("\"align\":\"center\",");
                    sb.Append("\"width\":\"" + kuandu + "\"");
                    sb.Append("},");
                }
                sb.Remove(sb.Length - 1, 1);
                sb.Append("],");
                #endregion

                #region 5、列表中的数据
                //第一个图例项对象数组
                sb.Append("\"listshuju\":[");
                //最外层循环，循环项目
                for (int i = 0; i < projectProblemList.Tables[2].Rows.Count; i++)
                {
                    sb.Append("{");
                    sb.Append("\"id\":\"" + i + "\",");
                    sb.Append("\"region\":\"" + projectProblemList.Tables[2].Rows[i][0] + "\",");
                    //定义一个临时数组，来存储下面要获得的数据
                    int[] arraylist = new int[projectProblemList.Tables[1].Rows.Count];
                    //根据项目匹配总数据中的值
                    for (int j = 0; j < projectProblemList.Tables[0].Rows.Count; j++)
                    {
                        //如果有相等的值，则进入循环部门(这里肯定会至少有一个项目名称与之匹配，因为项目名称是根据这个datatable去重筛选出来的)
                        string adsf = projectProblemList.Tables[0].Rows[j][1].ToString();
                        string asdfasdf = projectProblemList.Tables[2].Rows[i][0].ToString();
                        if (projectProblemList.Tables[0].Rows[j][1].ToString() == projectProblemList.Tables[2].Rows[i][0].ToString())
                        {

                            //通过循环部门，向数组中加入内容
                            for (int k = 0; k < projectProblemList.Tables[1].Rows.Count; k++)
                            {
                                if (projectProblemList.Tables[1].Rows[k][0].ToString() == projectProblemList.Tables[0].Rows[j][0].ToString())
                                {

                                    arraylist[k] = (int)projectProblemList.Tables[0].Rows[j][2];
                                }

                            }
                        }

                    }
                    //循环将数组拼接到字符串中
                    for (int k = 0; k < projectProblemList.Tables[1].Rows.Count; k++)
                    {
                        sb.Append("\"" + projectProblemList.Tables[1].Rows[k][0] + "\":\"" + arraylist[k] + "\",");
                    }
                    sb.Remove(sb.Length - 1, 1);
                    sb.Append("},");
                }
                sb.Remove(sb.Length - 1, 1);
                sb.Append("]");

                #endregion

                //最后的括号！
                sb.Append("}");

                resultStr = sb.ToString();
            }
        
                      
            return resultStr;
        }
        #endregion
-</span>

    四、BLL层代码

<span style="font-family:KaiTi_GB2312;font-size:18px;">-
#region 最终报表3、子系统不合格品问题统计-马康-2016年9月28日17:16:23
        /// <summary>
        /// 最终报表3、子系统不合格品问题统计-马康-2016年9月28日17:16:23
        /// </summary>
        /// <returns></returns>
        public DataSet queryrejectbelongssystemList(string rejctphenomenontypename)
        {
            return dal.GetrejectbelongssystemList(rejctphenomenontypename);
        }
        #endregion 
-</span>

    五、DAL层代码

<span style="font-family:KaiTi_GB2312;font-size:18px;">-
 #region 最终报表3、子系统不合格品问题统计-马康-2016年9月28日17:16:23
        /// <summary>
        /// 3、子系统不合格品问题统计-马康-2016年9月28日17:16:23
        /// </summary>
        /// <returns></returns>
        public DataSet GetrejectbelongssystemList(string rejctphenomenontypename)
        {
            StringBuilder builder = new StringBuilder();
            if (rejctphenomenontypename =="")
            {
                //总数据
                builder.Append(" SELECT sELECT3,replace(IsActive,'1','不合格品'),COUNT(sELECT3) num FROM Pts_Problems WHERE	ProjectID IN (197, 29) AND ProblemStateID NOT IN (1870, 250) AND Select3 IN ('VOBC子系统','DCS子系统','ATS子系统','MSS子系统','CI子系统','ZC/DSU子系统')  GROUP BY sELECT3,IsActive ");

                //所属系统个数
                builder.Append("   SELECT DISTINCT(sELECT3) FROM Pts_Problems WHERE	ProjectID IN (197, 29) AND ProblemStateID NOT IN (1870, 250) AND Select3 IN ('VOBC子系统','DCS子系统','ATS子系统','MSS子系统','CI子系统','ZC/DSU子系统')  GROUP BY sELECT3  ");

            }
            else
            {
                //总数据
                builder.Append(" SELECT sELECT3,replace(IsActive,'1','不合格品'),COUNT(sELECT3) num FROM Pts_Problems WHERE	ProjectID IN (197, 29) AND ProblemStateID NOT IN (1870, 250)  and MultiSelect1 = '" + rejctphenomenontypename + ";' AND Select3 IN ('VOBC子系统','DCS子系统','ATS子系统','MSS子系统','CI子系统','ZC/DSU子系统')  GROUP BY sELECT3,IsActive ");

                //所属系统个数
                builder.Append("   SELECT DISTINCT(sELECT3) FROM Pts_Problems WHERE	ProjectID IN (197, 29) AND ProblemStateID NOT IN (1870, 250) AND Select3 IN ('VOBC子系统','DCS子系统','ATS子系统','MSS子系统','CI子系统','ZC/DSU子系统')  GROUP BY sELECT3  ");

            }
          
            return SqlHelper.ExecuteDataset(sqlConnstring, CommandType.Text, builder.ToString());
        }
-</span>

【总结】

    ECharts只用了简单常用的几个图标样式以及其中常用的属性，如需有其它方面的需求，可以查阅ECharts对应的文档教程。
    因为需要好多报表考虑到开发效率以及后面的维护，所以小编经过思考，将其中的数据部分分为了三大块内容：
    1、图例  2、X周内容  3、图例和x周对应的数据内容
    这样一来，就可以在套用整个一条线所有的内容，只按照数据返回的形式重新写一些DAL层就可以了。

【感受】

    环境不同，所能够达到的层次与对自己磨练的层面也不同，无论如何，将能够磨练自己的机会抓住，努力放大，争取在物欲横流的现实社会中不断的提升自己，不断增加自己的加速度。
    每一份经历都伴随着不同程度的成长，它都将是我们最深刻、最美好的回忆，它也终将是我们在未来驰骋沙场的武器，所以少年需奋起，少年需进取O(∩_∩)O~
创业之路&下一个五年
关注
  • 4
    点赞
  • 踩
  • 24
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 61
    评论
专栏目录
C# MVC 封装百度的EChart完整例子
06-02
使用C#的MVC封装了EChart图表。类EChartJson包含了绘制图形的几种基本要素，大家可以根据需要扩展EChart的更多图表属性，当然这个需要各位多了解百度EChart图表的各种属性描述。方法getJsonData()负责在后台为EChartJson的实例初始化数据，并返回json数据。关键是前台显示图表，省去了大量的工作。
echarts柱状图X轴增加table列表显示数据,多y轴
yuanbo_520的博客
08-10 914
【代码】echarts柱状图X轴增加table列表显示数据,多y轴。
Echarts各种图表示例网站
最新发布
砖业二十年
03-14 526
Echarts各种图表示例网站
.NET WinForms（C#）中使用Echarts绘制图表
weixin_44453199的博客
06-25 3358
使用.NET 6编写Winforms时，需要绘制图表，发现.NET Core中默认不支持Chart控件。经过查询，使用CefSharp控件和Echart图可以实现想要的显示效果。
c#中嵌入echarts_利用C#和Echarts开发流量占有率对比小工具
weixin_35896668的博客
01-26 985
网易也把评论关了，不知啥原因，所以有问题的话，大家还是邮件联系吧，目前难找到一个国内的公共留言平台了，桑心！事情由来#最近在研究检测器数据，对数据的研究通常需要有一个直观的认识，但是由于数据量非常大，时间跨度也非常长，之前利用python或者matlab生成的静态图片已经不能满足我的需求，突然在Echarts上看到一个模板如下图，发现还挺适合我的需求的，就想着利用Echarts来展示。萌生的思路#...
C#插入Echarts图表
weixin_44543312的博客
07-16 3364
开发工具与关键技术：VS C# 作者：梁茵茵 撰写时间：2019年7月16日 我们在做项目的时候常常为了页面显示的数据可以美观得体，便会用到一个Echarts插件来实现图表显示数据的效果。echarts3-docs手册里有详细的使用说明，下载echarts3-docs解压后千万不要放在中文目录里，建议直接放到D/E/F…等盘的根目录下。解压之后如果无法启动就要修改文件里面的端口号，修改完之后访...
C#中使用ECharts——Winform程序静态页面
有问题请发邮箱[email protected]进行讨论
10-19 7385
ECharts不做过多介绍，只需要知道其是一个特别好用的数据处理的图形界面的js就行。 这里讲一下在C#中使用ECharts的方法，首先建立一个Winform程序，在窗口中添加一个WebBrowser控件，此控件主要用来加载后期的html文件。界面如下： 接着导入需要的第三方插件，即ECharts，通过NuGet查找，之后安装到项目中，也可以...
C# JS Echart 值的填充和属性调整
一只没有感情的AI机械猿
04-17 202
/ color: "#E0F8F7" // 0% 处的颜色。// color: "#58ACFA" // 100% 处的颜色。// color: "#EFEFFB" // 60% 处的颜色。position: 'top', //数据值位置。position: 'top', //数据值位置。normal: { //柱状图颜色。z: "-1",//更改柱状图位置。
Echarts数据可视化图表案例+数据可视化大屏模板
06-21
18个Echarts数据可视化图表案例，每个案例都有代码注释，简单易懂。...还有三套echarts可视化大屏模板，案例下载后在编辑器内打开html，可以根据需求修改样式和数据，学习echarts绘图，也可以制作新的数据可视化大屏。
freemaker简单小例子+ECharts例子
03-07
freemaker简单小例子+ECharts例子，利用freemaker尝试使用ECharts
Vue+Echarts监控大屏实例九：智慧园区监控模板实例
05-21
Vue+Echarts监控大屏实例九：智慧园区监控模板实例，包括源码，开发文档、素材等。 使用vue-echarts实现监控大屏搭建，开发，实现对于监控界面的相关开发资料，提供实例源码、开发过程视频及实现过程。 高德地图并...
C# ECHART WPF 开发，非常漂亮的demo
11-07
ECHART C# WPF,
HTML5图表框架echarts实战项目(50套源码)，大数据平台展示可视化效果
02-09
最近接了个任务需要用H5在前台两个大电视上做两页数据展示公司的产品数据，效果要高大上，还好之前接触过HTML5，所以第一时间想到就是echarts，这个框架对于数据展示尤其图表类处理的还是非常强大和炫酷的。...
JimuReport - 积木报表（一款免费Web报表工具）
05-12
领先的企业级Web报表软件，采用纯Web在线技术，专注于解决企业报表快速制作难题。 为什么选择 JimuReport? 永久免费，支持各种复杂报表，并且傻瓜式在线设计，非常的智能，低代码时代，这个是你的首选！ 采用...
c# legend 显示位置_技术图文：如何利用C# + Echarts 绘制 Bar Simple？
weixin_34229578的博客
01-05 360
背景Echarts 是百度推出的一个使用 JavaScript 实现的开源可视化库。 该库提供了常规的折线图、柱状图、散点图、饼图、K线图，用于统计的盒形图，用于地理数据可视化的地图、热力图、线图，用于关系数据可视化的关系图、treemap、旭日图，多维数据可视化的平行坐标，还有用于 BI 的漏斗图，仪表盘，并且支持图与图之间的混搭。柱状图散点图关系图三维图既然 Echarts 提供了丰富的图形，...
C# echarts快速制表属性大全
一杯咖啡的博客
04-08 346
// 图表标题 title: { x: 'left', // 水平安放位置，默认为左对齐，可选为： // 'center' ¦ 'left' ¦ 'right' // ¦ {number}（x坐标，单位px） y: 'top', // 垂直安放位置，默认为全图顶端，可...
C#/.net 导出含有Echarts图表的数据到Excel表格
weixin_54629917的博客
11-20 2894
可以将echarts导出之前做处理,将它转为base64编码的图片格式再传给后端进行导出表格的代码编写即可。3.表格数据的解析与排版,指定某单元格背景色的判断(跟功能需求有关,这里不做解释)。3.后端需要制表,画单元格位置以及Echarts图表存储在指定位置,画单元格背景。2.除了表格的数据,包含echarts图表数据也需要导出到Excel进行展示。1.关于echarts图表如何导出到表格中?制作表格样式以及echarts图片的处理等。1.导出表格数据到Excel。2.指定了echarts图位置。
echarts使用_C#使用Echarts图表库（二）
weixin_39944595的博客
11-29 3032
上一篇文章在使用Echarts最新版本时，发现js报错，原因是WebBrowser控件内置的IE版本太低，我们使用下面代码查看内置的IE版本。private void Form1_Load(object sender, EventArgs e) { if (webBrowser1.Document == null) { ...
C#曲线分析平台的制作（三，三层构架+echarts显示）
cash.yuan
06-26 2026
    本文依据CSDN另一位网友关于三层构架的简单搭建，基于他的源码进行修改。实现了三层构架合理结构，以及从数据库中传递数值在echarts显示的实验目的。废话不多说，show me codes：具体构建方式：点击打开链接1.MODEL层代码：依据数据库中定义的表格结构，构造实体类中的各个属性值。using System; using System.Collections.Generic; us...
echarts大屏报表模板
08-24
Echarts大屏报表模板是一种基于Echarts图表库开发的大屏报表展示工具，其中包含多种可视化图表类型，如折线图、饼图、柱状图和地图等。该模板提供了完整的大屏报表展示解决方案，管理者只需要根据自己的需求选择各种...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 61
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

创业之路&下一个五年

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值