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

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

1个回答

柱状和折线都是展示的是同一组数据吗。如果不是,可以先定义好chart ,然后在使用ajax访问后台查询数据,然后再进行初始化chart,并且赋值

sanhuv
sanhuv 是同一个数据,点折线按钮后 查询出出来还是折线 ,点柱状图 查询出来还是柱状图 ,我自己定义一个全局变量还改变,可就是出错,改变不了
接近 4 年之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
highchart 柱状图有两个导出按钮 怎么解决
/** * 柱状图方法 * @param {} jsonXData x轴数据 * @param {} jsonyD y轴数据 * @param {} pannele 放置柱状图的div */ function chart(jsonXData,jsonyD,panele){ //定义导出按钮汉化 Highcharts.setOptions({ lang: { printChart:"打印图表", downloadJPEG: "下载JPEG 图片" , downloadPDF: "下载PDF文档" , downloadPNG: "下载PNG 图片" , downloadSVG: "下载SVG 矢量图" , exportButtonTitle: "导出图片" } }); panele.highcharts({ chart: { type: 'column', margin: [ 50, 50, 100, 100] }, title: { text: '日志报表' }, credits:{enabled:false}, xAxis: { categories: jsonXData, labels: { rotation: -40, align: 'right', style: { fontSize: '13px', fontFamily: 'Verdana, sans-serif' } } }, yAxis: { min: 0, title: { text: '日志记录总数' } }, legend: { enabled: false }, tooltip: { pointFormat: '<b>{point.y:.1f} 次</b>', }, series: [{ data: jsonyD, dataLabels: { enabled: true, rotation: -90, color: '#FFFFFF', align: 'right', x: 4, y: 10, style: { fontSize: '13px', fontFamily: 'Verdana, sans-serif', textShadow: '0 0 3px black' } } }] }) }
Highchart funnel 颜色设定
highchart funnel数据设定如下,但我不知道怎么设定颜色,就是不同数据类型提供不同的颜色 name: '线索数量', data: [ ['初步沟通', 15654], ['方案制作', 4064], ['商务谈判', 1987], ['合同审核', 976], ['谈成结束', 846], ['未成结束', 846] ] 现在只有是默认的
highchart实时刷新数据,x轴不显示所需时间
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default1.aspx.cs" Inherits="HighchartsDemo._Default1" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title>汽油吸附脱硫装置2#S-ZORB</title> <!-- 注意文件名应该和你下载的文件名保持一致 --> <script type="text/javascript"src="HighCharts/jquery-1.8.3.min.js"></script> <script type="text/javascript"src="HighCharts/highcharts.js"></script> <script type="text/javascript"src="HighCharts/TimeConvertor.js"></script> </head> <body> <script type="text/javascript"> //<![CDATA[ $(function (datetimeCom, growth) { // Highcharts.Chart Begin Highcharts.setOptions({ global: { useUTC: false //当X轴类型为datetime日期时间型的,需要设置时区 } }); //声明报表对象 var chart = new Highcharts.Chart({ chart: { //将报表对象渲染到层上 renderTo: 'container', //图表放置的容器,DIV defaultSeriesType: 'spline', //图表类型为曲线图,可取值有:line、spline、area、areaspline、bar、column等 events: { load: loadTime } }, //chart end title: { text: '汽油吸附脱硫装置2#S-ZORB曲线' }, yAxis: { title: { text: '2#S-ZORB实时值' } }, xAxis: { title: { text: '时间' }, type: 'datetime', //坐标间隔 labels: { step: 10, // formatter: function () { // return Highcharts.dateFormat('%Y-%m-%d %H:%M:%S', this.value); // } } }, //鼠标放在某个点上时的提示信息 //dateFormat,numberFormat是highCharts的工具类 tooltip: { formatter: function () { return '<b>' + this.series.name + '</b><br/>' + Highcharts.dateFormat('%Y-%m-%d %H:%M:%S', this.xtime) + '<br/>' + this.x + '<br/>' + Highcharts.numberFormat(this.y, 2); } }, //设定报表对象的初始数据 series: [{ name: '2#S-ZORB实时值', data: [] }] }); //获取初始化数据 getInitialData(); //Highcharts.Chart end //获取初始化30分钟数据 function getInitialData() { $.ajax({ type: "Post", //后台获取数据的函数,注意当对该页面重命名时, //必须手动更改该选项 url: "Default1.aspx/getInitialDataByAjax", contentType: "application/json;charset=utf-8", dataType: "json", //成功获取数据 success: function (result) { data = jQuery.parseJSON(result.d); //JSON再次转换为Table 形式; var datetimeCom = '['; var growth = '['; for (var i = 0; i < data.length; i++) { datetimeCom += "\'" + ConertJsonTimeAndFormat(data[i]["x"], 'yyyy/MM/dd hh:mm:ss') + "\',"; growth += data[i]["y"] + ","; } if (datetimeCom != '[') { datetimeCom = datetimeCom.substr(0, datetimeCom.length - 1) + "]"; growth = growth.substr(0, growth.length - 1) + "]"; } chart.xAxis[0].setCategories(eval(datetimeCom)); chart.series[0].setData(eval(growth)); //显示错误 }, error: function (err) { alert(err + "初始化程序出现错误,请尝试刷新!"); } }); } // 每分钟获取后台数据 function getActualData() { var x = (new Date()).getTime(); // 当前时间 $.ajax({ type: "Post", //后台获取数据的函数,注意当对该页面重命名时, //必须手动更改该选项 url: "Default1.aspx/getDataTableByAjax", contentType: "application/json;charset=utf-8", dataType: "json", //成功获取数据 success: function (result) { data = jQuery.parseJSON(result.d); //JSON再次转换为Table 形式; var series = chart.series[0]; series.addPoint([data[0]["x"], data[0]["y"]], false, true); // alert(data[0]["x"]); // var datetimeCom = '['; // for (var i = 0; i < data.length; i++) { // datetimeCom += "\'" + data[i]["x"] + "\',"; // } // if (datetimeCom != '[') { // datetimeCom = datetimeCom.substr(0, datetimeCom.length - 1) + "]"; // } // chart.xAxis[0].setCategories(eval(datetimeCom)); chart.redraw(); }, //显示错误 error: function (err) { alert(err + "调用后台程序出现错误,请尝试刷新!"); } }); } function loadTime() { window.setInterval(getActualData, 2000); } // $(document).ready(function () { // //每隔1分钟自动调用方法,实现图表的实时更新 60000 // window.setInterval(getActualData, 2000); // }); }); //]]> // 后台Date前台转换json格式 function JsonDateFormat(cellval) { var date = new Date(parseInt(cellval.replace("/Date(", "").replace(")/", ""), 10)); var month = date.getMonth() + 1 < 10 ? "0" + (date.getMonth() + 1) : date.getMonth() + 1; var currentDate = date.getDate() < 10 ? "0" + date.getDate() : date.getDate(); return date.getFullYear() + "-" + month + "-" + currentDate; } </script> <div id="container" style="width: 800px; height: 600px; margin: 0 auto"></div> </body> </html> 后台传入数据格式为DataTable。 在线等啊,请高手指教!!!
highchart 动态生成好几个图表,设置基准线的时候数据互窜
这是定义了一个option: ![图片说明](https://img-ask.csdn.net/upload/201602/29/1456720590_398091.png) 这是option里面的y轴设置: ![图片说明](https://img-ask.csdn.net/upload/201602/29/1456720684_211674.png) 这是底下方法for循环里面的东西,最后在new一个: ![图片说明](https://img-ask.csdn.net/upload/201602/29/1456720776_301265.png) 其他属性都正确,比如title等,就是基准线互相影响了
用js的highcharts或者echarts实现折线图,想根据数据的增多实现平移的效果
如题,类似股票的K线图,随着数据变多,历史数据向左移动,用highcharts或者echarts怎么实现,其他js技术也可以,求大神!!!
使用ajax和highchart如何实现多条折现数据的传递?
我现在可以实现一条折线的数据的传递,只是没找到合适的多条折现数据的传递方法,有没有人可以指导一下? 我能做到的是这样的![图片说明](https://img-ask.csdn.net/upload/201705/03/1493793034_892725.png) 实际希望展示的是这样的: ![图片说明](https://img-ask.csdn.net/upload/201705/03/1493793076_128119.png)
HighChart 动态产生series数据组
请问在HighChart中 要如何动态产生series?? 因为不知道会有几条数据组产生,所以必须用动态方式产生 代码中会先执行 createChart(); refreshChart(xx,xx,xx,xx,....); 谢谢 function refreshChart(chart, area, entity, eqpid, sday, eday) { var series = new Array(); $.ajax({ type: "POST", url: "Uptime_ChartByID.aspx/refreshChartID", data: "{'area':'" + area + "'}", dataType: "json", contentType: "application/json; charset=utf-8", success: function (data) { if (data.d.length > 0) { var tmpDay = data.d[0].toString().replace('[', '').replace(']', '').replace(/(['"])/g, "").split(","); var title = { text: 'Trend Chart' } var subtitle = { text: $('#txtFrom').val() + ' ~ ' + $('#txtTo').val() }; chart.setTitle(title, subtitle); //subtitle chart.xAxis[0].setCategories(tmpDay); //X轴资料 for (var i = 1; i < data.d.length; i++) { var tmpData = data.d[i].toString().replace('[', '').replace(']', '').replace(/(['"])/g, "").split(","); series.push({ "name": i, "data": tmpData }); } chart.series = series; //这是我动态产生的series,但要怎麽回传?? chart.redraw(); } $('#loading').hide(); }, error: function (xhr, ajaxOptions, thrownError) { alert(xhr.status); alert(thrownError); } }); } function createChart() { var chart1 = new Highcharts.Chart({ chart: { renderTo: 'chart1', zoomType: 'xy' }, title: { text: '' }, subtitle: { text: '' //subtitile }, xAxis: { tickmarkPlacement: 'on', title: { enabled: true }, labels: { rotation: -45, style: { color: 'black', fontSize: '12px', fontFamily: 'Arial Black' } }, categories: [], }, yAxis: [{ //设置Y轴-第1个(增幅) labels: { formatter: function () { //格式化标签名称 return this.value; }, style: { color: '#4572A7', //设置标签颜色 fontSize: '12px', fontFamily: 'Arial Black' }, enabled: true //隐藏Y轴刻度显示 }, title: { text: '%', style: { fontSize: '12px', fontFamily: 'Arial Black' }, }, //Y轴标题设为空 tickPositions: [0, 10, 20, 30, 40, 50, 60, 70, 80, 90, 100], //Y轴刻度限定 }, ], tooltip: { //鼠标滑向数据区显示的提示框 crosshairs: true, shared: true, }, legend: { //设置图例 layout: 'horizontal', //水平排列图例 align: 'center', shadow: true, //设置阴影 }, series: [], //这边要如何接收series???? credits: { enabled: false } }); }
hightchart动态图表数据
我现在使用ajax向服务器后台索取数据,然后返回给Highchart画图,现在遇到的问题是我返回的数据是一个数组,但数组的组数不定,比如 data{ [1,2,3,4,5,6,7,8,9,] [2,2,2,3,4,5,6,7,8,]} 返回的数据可能是2组,可能是3组可能更多。所以highchart在做数据表格式,它可以根据返回的数组数量,自动添加新一组主句吗? 现在我只能如下面一样,使用固定组数,如果我写了两组,那我只能接收两组数据。。我怎么能够让highchart自动识别返回数据的数量呢?非常感谢 series: [{ name: 'Tokyo', data: [data[0][0], data[0][1].....] }, { name: 'London', data: [data[1][0], data[1][1]...] }]
highchart 时间显示格式异常invalid data
highchart 时间显示格式异常invalid data,如何能显示正常格式:2015-08-17 12:00:00 <script type="text/javascript"> //<![CDATA[ $(function (datetimeCom, growth) { // Highcharts.Chart Begin Highcharts.setOptions({ global: { useUTC: false //当X轴类型为datetime日期时间型的,需要设置时区 } }); //声明报表对象 var chart = new Highcharts.Chart({ chart: { //将报表对象渲染到层上 renderTo: 'container', //图表放置的容器,DIV defaultSeriesType: 'spline' //图表类型为曲线图,可取值有:line、spline、area、areaspline、bar、column等 }, //chart end title: { text: '汽油吸附脱硫装置2#S-ZORB曲线' }, yAxis: { title: { text: '2#S-ZORB实时值' } }, xAxis: { type: 'datetime', title: { text: '时间' }, //坐标间隔 labels:{ step:10, formatter: function () { return Highcharts.dateFormat('%Y-%m-%d %H:%M:%S', this.value); } }, }, //鼠标放在某个点上时的提示信息 //dateFormat,numberFormat是highCharts的工具类 tooltip: { formatter: function () { return '<b>' + this.series.name + '</b><br/>' + Highcharts.dateFormat('%Y-%m-%d %H:%M:%S', this.x) + '<br/>' + Highcharts.numberFormat(this.y, 4); } }, //设定报表对象的初始数据 series: [{ name: '2#S-ZORB实时值', data: [] }] }); //获取初始化数据 getInitialData(); //Highcharts.Chart end 后台数据库取值是DataTable DataTable dt = GetData(sql);
求推荐几种web实时数据展示的技术、库或服务,比如highchart。求大神指点。
求推荐几种web实时数据展示的技术、库或服务,比如highchart。求大神指点。
Highchart中series的data数据
![图片说明](https://img-ask.csdn.net/upload/201609/09/1473389234_372349.png) 上边是数组,里边有值 ![图片说明](https://img-ask.csdn.net/upload/201609/09/1473389241_945540.png) 如图,data后边该怎么写?
Highcharts画图数据重叠
Highcharts画图的时候,ajax加载数据,数据重复,就是重新请求的时候,数据追加到之前的数据上,没有把之前的数据清除 想要调用destroy销毁图表,浏览器提示没有该方法 ![图片说明](https://img-ask.csdn.net/upload/201705/22/1495442575_127368.png) ![图片说明](https://img-ask.csdn.net/upload/201705/22/1495442623_422622.png) 下面是生成图表的方法: //首次生成聚集地柱状图 function generateHistogramJjd(selecttime,hourandminute) { $.ajax({ type: "POST", async: false, url: "/gislistbytime", data: { selecttime: selecttime, hourandminute: hourandminute, rows: 5 }, success: function (data) { for (i in data) { histogramDataArray.push(parseInt(data[i]['numpoints'])); } for (i in data) { histogramStreetArray.push(data[i]['street']); } highchart = $('#container').highcharts({ chart: { type: 'column' }, title: { text: '聚集地车辆统计排名', style: { fontSize: '15px', fontFamily: 'Verdana, sans-serif' } }, xAxis: { type: 'category', labels: { rotation: -45, style: { fontSize: '13px', fontFamily: 'Verdana, sans-serif' } }, categories: histogramStreetArray }, yAxis: { min: 0, title: { text: '车辆统计' } }, legend: { enabled: false }, tooltip: { pointFormat: '车辆统计: <b>{point.y} </b>' }, series: [{ name: '车辆统计', data: histogramDataArray, dataLabels: { enabled: true, rotation: -90, color: '#FFFFFF', align: 'right', format: '{point.y}', // one decimal y: 10, // 10 pixels down from the top style: { fontSize: '13px', fontFamily: 'Verdana, sans-serif' } } }] }); } }); }
highchart如何为条形图增加背景横条,如下图效果
![图片说明](https://img-ask.csdn.net/upload/201905/07/1557212878_720212.png)
highchart中zones没效果?怎么回事呀?大佬们帮我看看,菜鸟一枚,数据格式好像也没错呀
highchart中zones没效果?怎么回事呀?大佬们帮我看看,菜鸟一枚,数据格式好像也没错呀 ![图片说明](https://img-ask.csdn.net/upload/201810/22/1540193351_790609.jpg)
js 一个全局变量,在一个函数中进行赋值,调用另一个函数 ,这个全局变量的值却没有值为undined
``` var typer; function zhe(){ typer = 'spline'; search(); } function search() { var jsonXData = []; var jsonyD = []; $.ajax({ url : base + '/gateBrandCount/statisticsbySpecial.html', data : $('#form').serialize(), success : function(e) { var json = eval("(" + e + ")"); for (var i = 0; i < json.length; i++) { var specialName = json[i].specialName; var count = json[i].count; jsonXData.push(specialName); // 赋值 jsonyD.push(count); } console.log(typer); if(typer==undefined){ console.log(typer+"11111") var op=highchart(jsonXData,jsonyD); op.chart.type='column'; }else{ console.log(typer+"22222") var op=highchart(jsonXData,jsonyD); op.chart.type="'"+typer+"'"; } console.log(op.chart.type+" ty"); chart = new Highcharts.Chart(op); } }) } ``` highchart为一个显示柱状图的函数 返回options 就是那个typer 调用zhe() ,赋值后在search()中就是undefined 求教啊
echarts甘特图的实现问题
由于项目需要使用甘特图展现设备的运行和、停机记录和故障记录,每条数据都有开始时间和结束时间。选择了很多JS图表组件,amchart、highchart、echarts等,最终决定使用echarts,数据量大时加载速度也很理想。问题来了,由于echarts没有专门的甘特图,我们使用了堆积图展示数据,但是如果数据里出现2条以上相同开始时间和结束时间的数据时,就会出现依次向后堆积的情况,同时会印象X轴(时间轴)的显示,出现时间刻度错位的现象。想了很多办法没有解决。 请教使用ECHARTS的高手关注一下,是不是我使用的图形不对,有什么解决办法吗?或者哪位有不错的甘特图展现组件,推荐一下,谢谢! ![图片说明](https://img-ask.csdn.net/upload/201504/10/1428646675_150159.png)
highchart实时刷新chart.series[0].setData(???)赋值
$(function (datetimeCom, growth) { // Highcharts.Chart Begin Highcharts.setOptions({ global: { useUTC: false //当X轴类型为datetime日期时间型的,需要设置时区 } }); //声明报表对象 var chart = new Highcharts.Chart({ chart: { //将报表对象渲染到层上 renderTo: 'container', //图表放置的容器,DIV defaultSeriesType: 'spline' //图表类型为曲线图,可取值有:line、spline、area、areaspline、bar、column等 }, //chart end title: { text: '汽油吸附脱硫装置2#S-ZORB曲线' }, yAxis: { title: { text: '2#S-ZORB实时值' } }, xAxis: { categories: [] // type: 'datetime', //X轴为日期时间类型 // align: 'center', // allowDecimals: false, // tickInterval: 30 //X轴标签间隔 // labels: { // step: 2 // } }, //设定报表对象的初始数据 series: [{ name: '', data: [] }] }); //获取初始化数据 getInitialData(); chart.xAxis[0].setCategories(??); chart.series[0].setData(??); 请问这里 chart.series[0].setData(??);由ajax传过来接收值的类型是什么? 如果后台传的是String数组怎么转换,或者DataTable怎么转换? function getForm() { $.ajax({ type: "Post", //后台获取数据的函数,注意当对该页面重命名时, //必须手动更改该选项 url: "Default.aspx/getDataTableByAjax", contentType: "application/json;charset=utf-8", dataType: "json", //成功获取数据 success: function (result) { ???????????? }, //显示错误 error: function (err) { alert(err + "调用后台程序出现错误,请尝试刷新!"); } }); }
HighChart 怎麼綁定json數據
我後台生成的Json {"DT": [ {"Name":"Name1","Chinese":"43","Math":"2","English":"34"}, {"Name":"Name2","Chinese":"33","Math":"93","English":"20"}, {"Name":"Name3","Chinese":"5","Math":"54","English":"41"}, {"Name":"Name4","Chinese":"86","Math":"36","English":"37"} ] } 怎麼去前台綁定數據啊。生成的圖如下![图片说明](https://img-ask.csdn.net/upload/201510/26/1445847140_236560.png)
Highchart和Highstocks中横坐标间距不一致
在做Highstocks图表时,遇到了横坐标间距不一致的问题,数据是用json接收的,但是横坐标两点之间的距离不相等。数据是连续的。 ![图片说明](https://img-ask.csdn.net/upload/201610/29/1477733371_949912.png) ![图片说明](https://img-ask.csdn.net/upload/201610/29/1477733282_299073.png)
终于明白阿里百度这样的大公司,为什么面试经常拿ThreadLocal考验求职者了
点击上面↑「爱开发」关注我们每晚10点,捕获技术思考和创业资源洞察什么是ThreadLocalThreadLocal是一个本地线程副本变量工具类,各个线程都拥有一份线程私...
《奇巧淫技》系列-python!!每天早上八点自动发送天气预报邮件到QQ邮箱
将代码部署服务器,每日早上定时获取到天气数据,并发送到邮箱。 也可以说是一个小人工智障。 思路可以运用在不同地方,主要介绍的是思路。
加快推动区块链技术和产业创新发展,2019可信区块链峰会在京召开
11月8日,由中国信息通信研究院、中国通信标准化协会、中国互联网协会、可信区块链推进计划联合主办,科技行者协办的2019可信区块链峰会将在北京悠唐皇冠假日酒店开幕。   区块链技术被认为是继蒸汽机、电力、互联网之后,下一代颠覆性的核心技术。如果说蒸汽机释放了人类的生产力,电力解决了人类基本的生活需求,互联网彻底改变了信息传递的方式,区块链作为构造信任的技术有重要的价值。   1...
阿里面试官问我:如何设计秒杀系统?我的回答让他比起大拇指
你知道的越多,你不知道的越多 点赞再看,养成习惯 GitHub上已经开源 https://github.com/JavaFamily 有一线大厂面试点脑图和个人联系方式,欢迎Star和指教 前言 Redis在互联网技术存储方面使用如此广泛,几乎所有的后端技术面试官都要在Redis的使用和原理方面对小伙伴们进行360°的刁难。 作为一个在互联网公司面一次拿一次Offer的面霸,打败了...
C语言魔塔游戏
很早就很想写这个,今天终于写完了。 游戏截图: 编译环境: VS2017 游戏需要一些图片,如果有想要的或者对游戏有什么看法的可以加我的QQ 2985486630 讨论,如果暂时没有回应,可以在博客下方留言,到时候我会看到。 下面我来介绍一下游戏的主要功能和实现方式 首先是玩家的定义,使用结构体,这个名字是可以自己改变的 struct gamerole { char n...
面试官问我:什么是消息队列?什么场景需要他?用了会出现什么问题?
你知道的越多,你不知道的越多 点赞再看,养成习惯 GitHub上已经开源 https://github.com/JavaFamily 有一线大厂面试点脑图、个人联系方式和人才交流群,欢迎Star和完善 前言 消息队列在互联网技术存储方面使用如此广泛,几乎所有的后端技术面试官都要在消息队列的使用和原理方面对小伙伴们进行360°的刁难。 作为一个在互联网公司面一次拿一次Offer的面霸...
Android性能优化(4):UI渲染机制以及优化
文章目录1. 渲染机制分析1.1 渲染机制1.2 卡顿现象1.3 内存抖动2. 渲染优化方式2.1 过度绘制优化2.1.1 Show GPU overdraw2.1.2 Profile GPU Rendering2.2 卡顿优化2.2.1 SysTrace2.2.2 TraceView 在从Android 6.0源码的角度剖析View的绘制原理一文中,我们了解到View的绘制流程有三个步骤,即m...
微服务中的Kafka与Micronaut
今天,我们将通过Apache Kafka主题构建一些彼此异步通信的微服务。我们使用Micronaut框架,它为与Kafka集成提供专门的库。让我们简要介绍一下示例系统的体系结构。我们有四个微型服务:订单服务,行程服务,司机服务和乘客服务。这些应用程序的实现非常简单。它们都有内存存储,并连接到同一个Kafka实例。 我们系统的主要目标是为客户安排行程。订单服务应用程序还充当网关。它接收来自客户的请求...
致 Python 初学者们!
作者| 许向武 责编 | 屠敏 出品 | CSDN 博客 前言 在 Python 进阶的过程中,相信很多同学应该大致上学习了很多 Python 的基础知识,也正在努力成长。在此期间,一定遇到了很多的困惑,对未来的学习方向感到迷茫。我非常理解你们所面临的处境。我从2007年开始接触 Python 这门编程语言,从2009年开始单一使用 Python 应对所有的开发工作,直至今...
究竟你适不适合买Mac?
我清晰的记得,刚买的macbook pro回到家,开机后第一件事情,就是上了淘宝网,花了500元钱,找了一个上门维修电脑的师傅,上门给我装了一个windows系统。。。。。。 表砍我。。。 当时买mac的初衷,只是想要个固态硬盘的笔记本,用来运行一些复杂的扑克软件。而看了当时所有的SSD笔记本后,最终决定,还是买个好(xiong)看(da)的。 已经有好几个朋友问我mba怎么样了,所以今天尽量客观...
程序员一般通过什么途径接私活?
二哥,你好,我想知道一般程序猿都如何接私活,我也想接,能告诉我一些方法吗? 上面是一个读者“烦不烦”问我的一个问题。其实不止是“烦不烦”,还有很多读者问过我类似这样的问题。 我接的私活不算多,挣到的钱也没有多少,加起来不到 20W。说实话,这个数目说出来我是有点心虚的,毕竟太少了,大家轻喷。但我想,恰好配得上“一般程序员”这个称号啊。毕竟苍蝇再小也是肉,我也算是有经验的人了。 唾弃接私活、做外...
字节跳动面试官这样问消息队列:分布式事务、重复消费、顺序消费,我整理了一下
你知道的越多,你不知道的越多 点赞再看,养成习惯 GitHub上已经开源 https://github.com/JavaFamily 有一线大厂面试点脑图、个人联系方式和人才交流群,欢迎Star和完善 前言 消息队列在互联网技术存储方面使用如此广泛,几乎所有的后端技术面试官都要在消息队列的使用和原理方面对小伙伴们进行360°的刁难。 作为一个在互联网公司面一次拿一次Offer的面霸...
Python爬虫爬取淘宝,京东商品信息
小编是一个理科生,不善长说一些废话。简单介绍下原理然后直接上代码。 使用的工具(Python+pycharm2019.3+selenium+xpath+chromedriver)其中要使用pycharm也可以私聊我selenium是一个框架可以通过pip下载 pip installselenium -ihttps://pypi.tuna.tsinghua.edu.cn/simple/ ...
阿里程序员写了一个新手都写不出的低级bug,被骂惨了。
这种新手都不会范的错,居然被一个工作好几年的小伙子写出来,差点被当场开除了。
Java工作4年来应聘要16K最后没要,细节如下。。。
前奏: 今天2B哥和大家分享一位前几天面试的一位应聘者,工作4年26岁,统招本科。 以下就是他的简历和面试情况。 基本情况: 专业技能: 1、&nbsp;熟悉Sping了解SpringMVC、SpringBoot、Mybatis等框架、了解SpringCloud微服务 2、&nbsp;熟悉常用项目管理工具:SVN、GIT、MAVEN、Jenkins 3、&nbsp;熟悉Nginx、tomca...
SpringBoot2.x系列教程(三十六)SpringBoot之Tomcat配置
Spring Boot默认内嵌的Tomcat为Servlet容器,关于Tomcat的所有属性都在ServerProperties配置类中。同时,也可以实现一些接口来自定义内嵌Servlet容器和内嵌Tomcat等的配置。 关于此配置,网络上有大量的资料,但都是基于SpringBoot1.5.x版本,并不适合当前最新版本。本文将带大家了解一下最新版本的使用。 ServerProperties的部分源...
Python绘图,圣诞树,花,爱心 | Turtle篇
每周每日,分享Python实战代码,入门资料,进阶资料,基础语法,爬虫,数据分析,web网站,机器学习,深度学习等等。 公众号回复【进群】沟通交流吧,QQ扫码进群学习吧 微信群 QQ群 1.画圣诞树 import turtle screen = turtle.Screen() screen.setup(800,600) circle = turtle.Turtle()...
作为一个程序员,CPU的这些硬核知识你必须会!
CPU对每个程序员来说,是个既熟悉又陌生的东西? 如果你只知道CPU是中央处理器的话,那可能对你并没有什么用,那么作为程序员的我们,必须要搞懂的就是CPU这家伙是如何运行的,尤其要搞懂它里面的寄存器是怎么一回事,因为这将让你从底层明白程序的运行机制。 随我一起,来好好认识下CPU这货吧 把CPU掰开来看 对于CPU来说,我们首先就要搞明白它是怎么回事,也就是它的内部构造,当然,CPU那么牛的一个东...
破14亿,Python分析我国存在哪些人口危机!
一、背景 二、爬取数据 三、数据分析 1、总人口 2、男女人口比例 3、人口城镇化 4、人口增长率 5、人口老化(抚养比) 6、各省人口 7、世界人口 四、遇到的问题 遇到的问题 1、数据分页,需要获取从1949-2018年数据,观察到有近20年参数:LAST20,由此推测获取近70年的参数可设置为:LAST70 2、2019年数据没有放上去,可以手动添加上去 3、将数据进行 行列转换 4、列名...
听说想当黑客的都玩过这个Monyer游戏(1~14攻略)
第零关 进入传送门开始第0关(游戏链接) 请点击链接进入第1关: 连接在左边→ ←连接在右边 看不到啊。。。。(只能看到一堆大佬做完的留名,也能看到菜鸡的我,在后面~~) 直接fn+f12吧 &lt;span&gt;连接在左边→&lt;/span&gt; &lt;a href="first.php"&gt;&lt;/a&gt; &lt;span&gt;←连接在右边&lt;/span&gt; o...
在家远程办公效率低?那你一定要收好这个「在家办公」神器!
相信大家都已经收到国务院延长春节假期的消息,接下来,在家远程办公可能将会持续一段时间。 但是问题来了。远程办公不是人在电脑前就当坐班了,相反,对于沟通效率,文件协作,以及信息安全都有着极高的要求。有着非常多的挑战,比如: 1在异地互相不见面的会议上,如何提高沟通效率? 2文件之间的来往反馈如何做到及时性?如何保证信息安全? 3如何规划安排每天工作,以及如何进行成果验收? ...... ...
作为一个程序员,内存和磁盘的这些事情,你不得不知道啊!!!
截止目前,我已经分享了如下几篇文章: 一个程序在计算机中是如何运行的?超级干货!!! 作为一个程序员,CPU的这些硬核知识你必须会! 作为一个程序员,内存的这些硬核知识你必须懂! 这些知识可以说是我们之前都不太重视的基础知识,可能大家在上大学的时候都学习过了,但是嘞,当时由于老师讲解的没那么有趣,又加上这些知识本身就比较枯燥,所以嘞,大家当初几乎等于没学。 再说啦,学习这些,也看不出来有什么用啊!...
这个世界上人真的分三六九等,你信吗?
偶然间,在知乎上看到一个问题 一时间,勾起了我深深的回忆。 以前在厂里打过两次工,做过家教,干过辅导班,做过中介。零下几度的晚上,贴过广告,满脸、满手地长冻疮。 再回首那段岁月,虽然苦,但让我学会了坚持和忍耐。让我明白了,在这个世界上,无论环境多么的恶劣,只要心存希望,星星之火,亦可燎原。 下文是原回答,希望能对你能有所启发。 如果我说,这个世界上人真的分三六九等,...
2020年全新Java学习路线图,含配套视频,学完即为中级Java程序员!!
新的一年来临,突如其来的疫情打破了平静的生活! 在家的你是否很无聊,如果无聊就来学习吧! 世上只有一种投资只赚不赔,那就是学习!!! 传智播客于2020年升级了Java学习线路图,硬核升级,免费放送! 学完你就是中级程序员,能更快一步找到工作! 一、Java基础 JavaSE基础是Java中级程序员的起点,是帮助你从小白到懂得编程的必经之路。 在Java基础板块中有6个子模块的学...
B 站上有哪些很好的学习资源?
哇说起B站,在小九眼里就是宝藏般的存在,放年假宅在家时一天刷6、7个小时不在话下,更别提今年的跨年晚会,我简直是跪着看完的!! 最早大家聚在在B站是为了追番,再后来我在上面刷欧美新歌和漂亮小姐姐的舞蹈视频,最近两年我和周围的朋友们已经把B站当作学习教室了,而且学习成本还免费,真是个励志的好平台ヽ(.◕ฺˇд ˇ◕ฺ;)ノ 下面我们就来盘点一下B站上优质的学习资源: 综合类 Oeasy: 综合...
爬取薅羊毛网站百度云资源
这是疫情期间无聊做的爬虫, 去获取暂时用不上的教程 import threading import time import pandas as pd import requests import re from threading import Thread, Lock # import urllib.request as request # req=urllib.request.Requ...
如何优雅地打印一个Java对象?
你好呀,我是沉默王二,一个和黄家驹一样身高,和刘德华一样颜值的程序员。虽然已经写了十多年的 Java 代码,但仍然觉得自己是个菜鸟(请允许我惭愧一下)。 在一个月黑风高的夜晚,我思前想后,觉得再也不能这么蹉跎下去了。于是痛下决心,准备通过输出的方式倒逼输入,以此来修炼自己的内功,从而进阶成为一名真正意义上的大神。与此同时,希望这些文章能够帮助到更多的读者,让大家在学习的路上不再寂寞、空虚和冷。 ...
雷火神山直播超两亿,Web播放器事件监听是怎么实现的?
Web播放器解决了在手机浏览器和PC浏览器上播放音视频数据的问题,让视音频内容可以不依赖用户安装App,就能进行播放以及在社交平台进行传播。在视频业务大数据平台中,播放数据的统计分析非常重要,所以Web播放器在使用过程中,需要对其内部的数据进行收集并上报至服务端,此时,就需要对发生在其内部的一些播放行为进行事件监听。 那么Web播放器事件监听是怎么实现的呢? 01 监听事件明细表 名...
3万字总结,Mysql优化之精髓
本文知识点较多,篇幅较长,请耐心学习 MySQL已经成为时下关系型数据库产品的中坚力量,备受互联网大厂的青睐,出门面试想进BAT,想拿高工资,不会点MySQL优化知识,拿offer的成功率会大大下降。 为什么要优化 系统的吞吐量瓶颈往往出现在数据库的访问速度上 随着应用程序的运行,数据库的中的数据会越来越多,处理时间会相应变慢 数据是存放在磁盘上的,读写速度无法和内存相比 如何优化 设计...
HTML5适合的情人节礼物有纪念日期功能
前言 利用HTML5,css,js实现爱心树 以及 纪念日期的功能 网页有播放音乐功能 以及打字倾诉感情的画面,非常适合情人节送给女朋友 具体的HTML代码 具体只要修改代码里面的男某某和女某某 文字段也可自行修改,还有代码下半部分的JS代码需要修改一下起始日期 注意月份为0~11月 也就是月份需要减一。 当然只有一部分HTML和JS代码不够运行的,文章最下面还附加了完整代码的下载地址 &lt;!...
相关热词 c# 为空 判断 委托 c#记事本颜色 c# 系统默认声音 js中调用c#方法参数 c#引入dll文件报错 c#根据名称实例化 c#从邮件服务器获取邮件 c# 保存文件夹 c#代码打包引用 c# 压缩效率
立即提问