echarts图表我在一个页面上做了两个柱状图，第一个有数据显示，第二个却不显示，数据都是在后台定义的一个字符串。

如题，生成的柱状图不要在程序里面用main函数生成，而是在前端html页面点击报表按钮，直接有柱状图显示 。如何做？？。。

首先在Excel模板上做10行数据，选中这10行数据，做插入柱状图，那么这个柱状图的透视表就是这10行数据，java后台填充模板这10行数据实现柱状图数据的变更，但是如果后台数据超过10行，怎样让Excel的透视表也相应的增加？

具体是说，前端是echarts图表用来展现数据结果，底层是spark程序作了索引优化，以便于快速查询的一套系统，可以快速查询出所需要的数据。想把这个底层利用web API的方式发布出去，以便于前端直接调用。前面说了，前端其实就是个网页，插入了echarts插件，那怎么能让前段网页调用web API来实现获取其spark底层的返回结果呢？我现在的前端，是一个传统的jsp网页，连接后台servlet，servlet直接JDBC连接传统数据库的一套东西，没有把spark这一块加上，spark项目怎么能以web API的方式封装发布出去，并被我的前端调用呢？跪求各位大神解答

# Apexcharts.js中的brush类型图表无法刷新数据 求教各路大神，本人最近在做一个前端开发项目，需要用一张图来展现100个数据，这100个数据是从通过ajax请求从后端接收的，每10秒轮询一次，更新100个数据。 网上找到了开源库apexcharts.js，瞬间被高大上的brush类型图所吸引，引入到我在开发的程序中（网上demo图如下）：  但是出现了下面柱状图数据刷新正常，而上面折线图无法刷新的问题，如下图所示，详细问题描述和代码也在下方，谢谢各位。  我根据示例代码和官方网站上的doc进行了修改，并移植到开发的程序中。大致原理是：打开网页——前端按10秒钟轮询方式通过ajax发送请求到后端——后端python程序生成100个数据，通过json格式返回前端——前端更新数据并刷新图表 前端跟后端交互的代码如下 ``` var storm_data_s6a = ""; var strom_time_s6a = ""; $(document).ready(function(){ setInterval(function(){$.ajax({ type:"POST", url:"/sigStorm/", dataType:"json", contentType:"application/json", data:JSON.stringify({"S6a_storm":true,"Cx_storm":true,"Rejcall":true}), success:function(res){ storm_data_s6a = res.S6a_storm; storm_time_s6a = res.storm_time; //alert(storm_data_s6a[15]); stormFigure() } }) },100000); }); ``` 为了实现图表实时刷新的目的，防止重复新建插入图表，我在处理图表呈现时采用了“清空元素内容”，再“重新创建图表”的办法，代码如下： ``` function stormFigure() { var time1 = new Date(storm_time_s6a).getTime() var time2 = time1 - 1200000 var time3 = time1 - 5940000 var data1 = generateDayWiseTimeSeries(new Date(time3).getTime(), 100, { min: 30, max: 90 }); var options1 = { chart: { id: "chart2", type: "area", height: 230, foreColor: "#ccc", toolbar: { autoSelected: "pan", show: false } }, colors: ["#00BAEC"], stroke: { width: 3 }, grid: { borderColor: "#555", yaxis: { lines: { show: false } } }, dataLabels: { enabled: true }, fill: { gradient: { enabled: true, opacityFrom: 0.55, opacityTo: 0 } }, markers: { size: 5, colors: ["#000524"], strokeColor: "#00BAEC", strokeWidth: 3 }, series: [ { name: "S6a_flow", data: data1 } ], tooltip: { x:{ show: true, format: 'HH:mm' }, theme: "dark" }, xaxis: { type: "datetime", }, yaxis: { tickAmount: 10, min: 0, max: 250, } }; $("#chart-area").empty(); var chart1 = new ApexCharts(document.querySelector("#chart-area"), options1); chart1.render(); //chart1.updateSeries([{ data: data1 }]); //chart1.updateOptions(null,false,false,false); var options2 = { chart: { id: "chart1", height: 130, type: "bar", foreColor: "#ccc", brush: { target: "chart2", enabled: true }, selection: { fill: { color: "#fff", opacity: 0.4 }, xaxis: { min: time2, max: time1 } } }, colors: ["#FF0080"], series: [ { name: "S6a_flow", data: data1 } ], stroke: { width: 2 }, grid: { borderColor: "#444" }, markers: { size: 0 }, xaxis: { type: "datetime", tooltip: { enabled: false } }, yaxis: { tickAmount: 2, min: 0, max: 200 } }; $("#chart-bar").empty(); var chart2 = new ApexCharts(document.querySelector("#chart-bar"), options2); chart2.render(); } ``` 但是在程序运行后，就出现了上面的折线图不能刷新的情况（重新打开网页可以）。下面的柱状图刷新没有问题。 可以确认的是，数据是没有问题的，我把chart2 options2中的brush.enable置为false后，折线图也可以实时刷新。但是我翻遍了官网，也未能得到brush设置的有效指导。 此问题已困扰我几天，求教各位大神和曾经使用过ApexCharts工具的大神给予指导，不胜感激~

Android 使用GraphicalView画出的柱状图如何在滑动时加载更多数据，因为数据比较多，希望能够在有需求时滑动再加载更多数据

我是想实现一个功能用Echarts显示数据库里面的帖子标题和点击量数据。后台做完了到前台却一直不显示数据，调了很长时间实在没办法了。不知道是哪里的问题。 目前显示的效果是这样的，下面我把后台到前台的代码都列出来。  然后这个是浏览器控制台输出的从后台获取到的json格式数据  TieziMapper.xml ``` <select id="getListEchart" resultMap="BaseResultMap"> select biaoti,dianji from tiezi </select> ``` TieziDao.java ``` List<Tiezi> getListEchart(); ``` TieziService.java ``` public List<Tiezi> getListEchart(){ return tieziDao.getListEchart(); } ``` TieziController.java ``` @RequestMapping("listEchart") public Object ListEchart(){ List<Tiezi> list = tieziService.getListEchart(); return list; } ``` Main.jsp（这里的target='right'使用的IFrame框架让其固定显示） ``` <h2> <span class="icon-pencil-square-o"></span> 图表 </h2> <ul> <li> <a href='<%=path %>/admin/listEchart.jsp' target='right'> <span class="icon-caret-right"></span>帖子点击量统计</a> </li> </ul> ``` listEchart.jsp ``` <script> // 基于准备好的dom，初始化echarts实例 var myChart = echarts.init(document.getElementById('main')); // 指定图表的配置项和数据 var option={ title:{ // 图表标题 text:'帖子点击数统计表' }, tooltip:{ trigger:'axis',//坐标轴触发提示框 }, legend:{//图表上方的类别显示 show:true, data:['访问量'] }, color:[ '#FF3333', ], xAxis:{//x轴 name:'名称', type:'category', data:mingchengs }, yAxis:{//y轴 name:'访问量', data:fangwenliangs, type:'value' }, series:[//系列（内容）列表 { name:'访问量', type:'bar', data:fangwenliangs, } ] }; myChart.showLoading();//数据加载完之前显示一段Loading动画 var mingchengs = []; var fangwenliangs = []; $.ajax({ type:"post",//post请求方式 url:"<%=request.getContextPath()%>/listEchart", data:{}, dataType:"json", success : function(result) { //请求成功时执行该函数内容，result即为服务器返回的json对象 if (result != null && result.length > 0) { for(var i=0;i<result.length;i++){ mingchengs.push(result[i].biaoti); fangwenliangs.push(result[i].dianji); console.log(mingchengs); console.log(fangwenliangs); } myChart.hideLoading(); //隐藏加载动画 } else { //返回的数据为空时显示提示信息 alert("图表请求数据为空，可能服务器暂未录入数据，您可以稍后再试！"); myChart.hideLoading(); } }, error : function(errorMsg) { //请求失败时执行该函数 alert("图表请求数据失败，可能是服务器开小差了"); myChart.hideLoading(); } } ) myChart.setOption(option); </script> ```

网站首页是用echarts图表布局的数据，但是是静态的，需要送后台获取json数据生成动态数据，新手不知道怎么搞？

问题： 我的柱状图的横坐标文字想显示字符串，但只能显示数字（1,2...）  基本情况： 1）用的模板是[MeAdmin](http://envato.stammtec.de/themeforest/melon/charts.html "MeAdmin") --> Vertical Bars 2） JS 文件是 chart_bars_vertical.js ``` "use strict"; $(document).ready(function() { /* e is the data to display * */ var e = []; for (var a = 1; a <= 8; a += 1) { // a估计就是横坐标，只能显示1~8，改成字符串，不能显示 e.push([a, parseInt(Math.random() * 100)]) } var d = new Array(); d.push({ label: "我的智能", data: e, bars: { show: true, barWidth: 0.2, order: 1 } }); $.plot("#chart_bars_vertical", d, $.extend(true, {}, Plugins.getFlotDefaults(), { series: { lines: { show: false }, points: { show: false } }, grid: { hoverable: true }, tooltip: true, tooltipOpts: { content: "%s: %y" } })) }); ```

echarts地图如何在上面放置柱状图，统计地区人数，每个地区都会有一个柱状图

两个按钮切换柱状图与折线图 数据是从数据库中得到的 highchart

使用Oracle数据库，现有resume表，其中字段有一个diploma为学历，diploma表为学历表，字段为diploma_id,diploma_name 我现在想统计resume表中学历的人数，刚开始想用 Select count（diploma）from resume group by diploma，但是这么统计，前台没法处理，于是就写成了 Select count（diploma），diploma from resume group by diploma，然后这个显示的图如下 我想做成这种的，应该怎么处理啊？求大神

<div> <div id="main" style="width: 600px;height:400px;"></div> <script type="text/javascript"> var myChart = echarts.init(document.getElementById('main')); // 显示标题，图例和空的坐标轴 // 初始 option option = { title: { text: '异步数据加载示例' }, tooltip: {}, legend: { data: ['金额'] }, xAxis: { data: [] }, yAxis: {}, series: [{ name: '金额', type: 'bar', data: [] }] }; function fetchData(cb) { // 通过 setTimeout 模拟异步加载 setTimeout(function () { cb({ categories: ["1月", "2月", "3月", "4月", "5月", "6月","7月","8月","9月","10月","11月","12月"], data://替换成从数据库得到的每月销售金额 }); }, 1000); } // 异步加载数据 fetchData(function (data) { myChart.setOption({ xAxis: { data: data.categories }, series: [{ // 根据名字对应到相应的系列 name: '金额', data: data.data }] }); }); myChart.setOption(option); </script> 我用的是.aspx页面做的，替换金额我得到的是一个dataset数据集 要怎样把数据替换？

本人用echarts作了一个设备的统计柱状图 很简单的一个图形，我现在需要点击柱状图弹出一个设备的图表，但是点击的时候只能获得名称，也不能设备隐藏域把设备的编码存起来， 例如：运输设备8台、拖拉机3台、三马车4台，三个柱子，但是点击三马车的柱子只能获得name：三马车，data：4 其实三马车后台是有编码的（S08代表三马车）， 我不可能用中文去匹配，我想获得S08，从后台传过来页面上根本没地方存储，echarts不能设置个隐藏域什么的吗，就是点击三马车的柱状图，我获得隐藏域S08， 数量3，而不是获得三马车，数量3.

如题，想要Echarts根据用户条件生成图表，，如何传递参数到后台？

我们公司有一些业务数据，希望能够通过简单一点的实现方式，对数据进行汇总统计，然后用图表显示出来，最好在手机上也可以查看。想问一下需要做些什么？实现起来难不难？


我想实现点击X轴范围内的任意一个柱子显示出三个柱子的数据。。现在只能实现显示单根柱子我想显示全部柱子的数据怎么实现？

请问在前端如何获得echarts图表的svg码？需要传到后台

大学四年，看课本是不可能一直看课本的了，对于学习，特别是自学，善于搜索网上的一些资源来辅助，还是非常有必要的，下面我就把这几年私藏的各种资源，网站贡献出来给你们。主要有：电子书搜索、实用工具、在线视频学习网站、非视频学习网站、软件下载、面试/求职必备网站。 注意：文中提到的所有资源，文末我都给你整理好了，你们只管拿去，如果觉得不错，转发、分享就是最大的支持了。 一、电子书搜索 对于大部分程序员...

今年，我也32了 ，为了不给大家误导，咨询了猎头、圈内好友，以及年过35岁的几位老程序员……舍了老脸去揭人家伤疤……希望能给大家以帮助，记得帮我点赞哦。 目录： 你以为的人生 一次又一次的伤害 猎头界的真相 如何应对互联网行业的「中年危机」 一、你以为的人生 刚入行时，拿着傲人的工资，想着好好干，以为我们的人生是这样的： 等真到了那一天，你会发现，你的人生很可能是这样的： ...

文章目录Java概述何为编程什么是Javajdk1.5之后的三大版本JVM、JRE和JDK的关系什么是跨平台性？原理是什么Java语言有哪些特点什么是字节码？采用字节码的最大好处是什么什么是Java程序的主类？应用程序和小程序的主类有何不同？Java应用程序与小程序之间有那些差别？Java和C++的区别Oracle JDK 和 OpenJDK 的对比基础语法数据类型Java有哪些数据类型switc...

数据结构与算法思维导图

老生常谈的一个梗，到2020了还在争论，你们一天天的，哎哎哎，我不是针对你一个，我是说在座的各位都是人才！ 上图红色的这3个箭头，对于通过new产生一个字符串（”宜春”）时，会先去常量池中查找是否已经有了”宜春”对象，如果没有则在常量池中创建一个此字符串对象，然后堆中再创建一个常量池中此”宜春”对象的拷贝对象。 也就是说准确答案是产生了一个或两个对象，如果常量池中原来没有 ”宜春” ,就是两个。...

昨天早上通过远程的方式 review 了两名新来同事的代码，大部分代码都写得很漂亮，严谨的同时注释也很到位，这令我非常满意。但当我看到他们当中有一个人写的 switch 语句时，还是忍不住破口大骂：“我擦，小王，你丫写的 switch 语句也太老土了吧！” 来看看小王写的代码吧，看完不要骂我装逼啊。 private static String createPlayer(PlayerTypes p...

文章目录Linux 概述什么是LinuxUnix和Linux有什么区别？什么是 Linux 内核？Linux的基本组件是什么？Linux 的体系结构BASH和DOS之间的基本区别是什么？Linux 开机启动过程？Linux系统缺省的运行级别？Linux 使用的进程间通信方式？Linux 有哪些系统日志文件？Linux系统安装多个桌面环境有帮助吗？什么是交换空间？什么是root帐户什么是LILO？什...

大家都知道，Linux 系统有非常多的命令，而且每个命令又有非常多的用法，想要全部记住所有命令的所有用法，恐怕是一件不可能完成的任务。 一般情况下，我们学习一个命令时，要么直接百度去搜索它的用法，要么就直接用 man 命令去查看守冗长的帮助手册。这两个都可以实现我们的目标，但有没有更简便的方式呢？ 答案是必须有的！今天给大家推荐一款有趣而实用学习神器 — kmdr，让你解锁 Linux 学习新姿势...

互联网公司工作，很难避免不和黑客们打交道，我呆过的两家互联网公司，几乎每月每天每分钟都有黑客在公司网站上扫描。有的是寻找 Sql 注入的缺口，有的是寻找线上服务器可能存在的漏洞，大部分都...

网友们有福了，小编终于把基础篇的内容全部涉略了一遍，这是一篇关于基础知识的汇总的文章，请朋友们收下，不用客气，不过文章篇幅肯能会有点长，耐心阅读吧爬虫（七十）多进程multiproces...

loonggg读完需要3分钟速读仅需 1 分钟大家好，我是你们的校长。我之前讲过，这年头，只要肯动脑，肯行动，程序员凭借自己的技术，赚钱的方式还是有很多种的。仅仅靠在公司出卖自己的劳动时...

昨天看到一档综艺节目，讨论了两个话题：（1）中国学生的数学成绩，平均下来看，会比国外好？为什么？（2）男生的数学成绩，平均下来看，会比女生好？为什么？同时，我又联想到了一个技术圈经常讨...

蒋凡是何许人也？ 2017年12月27日，在入职4年时间里，蒋凡开挂般坐上了淘宝总裁位置。 为此，时任阿里CEO张勇在任命书中力赞： 蒋凡加入阿里，始终保持创业者的冲劲，有敏锐的...

原博客再更新，可能就没了，之后将持续更新本篇博客。

提到“程序员”，多数人脑海里首先想到的大约是：为人木讷、薪水超高、工作枯燥…… 然而，当离开工作岗位，撕去层层标签，脱下“程序员”这身外套，有的人生动又有趣，马上展现出了完全不同的A/B面人生！ 不论是简单的爱好，还是正经的副业，他们都干得同样出色。偶尔，还能和程序员的特质结合，产生奇妙的“化学反应”。 @Charlotte：平日素颜示人，周末美妆博主 大家都以为程序媛也个个不修边幅，但我们也许...

文章目录数据库基础知识为什么要使用数据库什么是SQL？什么是MySQL?数据库三大范式是什么mysql有关权限的表都有哪几个MySQL的binlog有有几种录入格式？分别有什么区别？数据类型mysql有哪些数据类型引擎MySQL存储引擎MyISAM与InnoDB区别MyISAM索引与InnoDB索引的区别？InnoDB引擎的4大特性存储引擎选择索引什么是索引？索引有哪些优缺点？索引使用场景（重点）...

关注、星标公众号，不错过精彩内容作者：黄工公众号：strongerHuang最近ST官网悄悄新上线了一款比较强大的工具：STM32CubeMonitor V1.0.0。经过我研究和使用之...

有个好朋友ZS，是技术总监，昨天问我：“有一个老下属，跟了我很多年，做事勤勤恳恳，主动性也很好。但随着公司的发展，他的进步速度，跟不上团队的步伐了，有点...

私下里，有不少读者问我：“二哥，如何才能写出一份专业的技术简历呢？我总感觉自己写的简历太烂了，所以投了无数份，都石沉大海了。”说实话，我自己好多年没有写过简历了，但我认识的一个同行，他在阿里，给我说了一些他当年写简历的方法论，我感觉太牛逼了，实在是忍不住，就分享了出来，希望能够帮助到你。 01、简历的本质 作为简历的撰写者，你必须要搞清楚一点，简历的本质是什么，它就是为了来销售你的价值主张的。往深...

大佬原来都是这样炼成的

有小伙伴问松哥这个问题，他在上海某公司，在离职了几个月后，前公司的领导联系到他，希望他能够返聘回去，他很纠结要不要回去？ 俗话说好马不吃回头草，但是这个小伙伴既然感到纠结了，我觉得至少说明了两个问题：1.曾经的公司还不错；2.现在的日子也不是很如意。否则应该就不会纠结了。 老实说，松哥之前也有过类似的经历，今天就来和小伙伴们聊聊回头草到底吃不吃。 首先一个基本观点，就是离职了也没必要和老东家弄的苦...

不知道是不是只有我这样子，还是你们也有过类似的经历。 上学的时候总有很多光辉历史，学年名列前茅，或者单科目大佬，但是虽然慢慢地长大了，你开始懈怠了，开始废掉了。。。 什么？你说不知道具体的情况是怎么样的？ 我来告诉你： 你常常潜意识里或者心理觉得，自己真正的生活或者奋斗还没有开始。总是幻想着自己还拥有大把时间，还有无限的可能，自己还能逆风翻盘，只不是自己还没开始罢了，自己以后肯定会变得特别厉害...

都是出来打工的，多为自己着想

二哥，有个事想询问下您的意见，您觉得应届生值得去外包吗？公司虽然挺大的，中xx，但待遇感觉挺低，马上要报到，挺纠结的。

当HR压你价，说你只值7K时，你可以流畅地回答，记住，是流畅，不能犹豫。 礼貌地说：“7K是吗？了解了。嗯~其实我对贵司的面试官印象很好。只不过，现在我的手头上已经有一份11K的offer。来面试，主要也是自己对贵司挺有兴趣的，所以过来看看……”（未完） 这段话主要是陪HR互诈的同时，从公司兴趣，公司职员印象上，都给予对方正面的肯定，既能提升HR的好感度，又能让谈判气氛融洽，为后面的发挥留足空间。...

面试阿里p7被问到的问题(当时我只知道第一个)：@Conditional是做什么的?@Conditional多个条件是什么逻辑关系？条件判断在什么时候执...

先来看几个问题通过注解的方式注入依赖对象，介绍一下你知道的几种方式@Autowired和@Resource有何区别说一下@Autowired查找候选者的...

最近面试了一个31岁8年经验的程序猿，让我有点感慨，大龄程序猿该何去何从。

说实话，自己的算法，我一个不会，太难了吧

已经连续五年参加大厂校招、社招的技术面试工作，简历看的不下于万份 这篇文章会用实例告诉你，什么是差的程序员简历！ 疫情快要结束了，各个公司也都开始春招了，作为即将红遍大江南北的新晋UP主，那当然要为小伙伴们做点事（手动狗头）。 就在公众号里公开征简历，义务帮大家看，并一一点评。《启舰：春招在即，义务帮大家看看简历吧》 一石激起千层浪，三天收到两百多封简历。 花光了两个星期的所有空闲时...