关于json与echarts的问题 10C

第一段代码如下

 var data = ${fns:toJson(tblTemperature.tblTemperatureHistoryList)};

返回数组形式的是

 var data = [{"id":"0000000000000000000000000000000000000000000000000000000000000014","isNewRecord":false,"remarks":"电源柜标签10","tagId":"E281CA0020000000000002DA","addTime":"2017-04-26 09:46:16","temperature":"30.0","tblTemperature":{"id":"1c3782ea07514577b04c1a87c3d824f0","isNewRecord":false}},{"id":"0000000000000000000000000000000000000000000000000000000000000019","isNewRecord":false,"remarks":"电源柜标签10","tagId":"E281CA0020000000000002DA","addTime":"2017-04-26 12:52:11","temperature":"40.0","tblTemperature":{"id":"1c3782ea07514577b04c1a87c3d824f0","isNewRecord":false}},{"id":"0000000000000000000000000000000000000000000000000000000000000020","isNewRecord":false,"remarks":"电源柜标签10","tagId":"E281CA0020000000000002DA","addTime":"2017-04-26 13:20:28","temperature":"20.0","tblTemperature":{"id":"1c3782ea07514577b04c1a87c3d824f0","isNewRecord":false}},{"id":"0000000000000000000000000000000000000000000000000000000000000027","isNewRecord":false,"remarks":"电源柜标签10","tagId":"E281CA0020000000000002DA","addTime":"2017-04-27 14:17:09","temperature":"50.0","tblTemperature":{"id":"1c3782ea07514577b04c1a87c3d824f0","isNewRecord":false}},{"id":"0000000000000000000000000000000000000000000000000000000000000040","isNewRecord":false,"remarks":"电源柜标签10","tagId":"E281CA0020000000000002DA","addTime":"2017-05-02 15:59:34","temperature":"70.0","tblTemperature":{"id":"1c3782ea07514577b04c1a87c3d824f0","isNewRecord":false}}];

我该如何把addTime和temperature放进Echarts的data中?

 var temperature=[];//温度
    var addTime=[];//获取时间

        $.ajax({
                    type : "post",
                    async : true,//异步请求
                    dataType : "json",
                    url:"${ctx}/temperaturehistory/tblTemperature/axisTem?id=${tblTemperature.id}", 
                    data:{},
                            success : function(result) {
                        temperature.push(result.temperature);
                        addTime.push(result.addTime);
                        myChart.setOption({
                            xAxis : [ {
                                data : addTime
                            } ],
                            series : [ {
                                data : temperature
                            } ]
                        })
                    }
                });
        myChart.setOption(option);

整个jsp也面

 <script type="text/javascript">

        function addRow(list, idx, tpl, row){
            $(list).append(Mustache.render(tpl, {
                idx: idx, delBtn: true, row: row
            }))

        }

    </script>
</head>
<body>
    <div id="main" style="width: 1500px; height: 600px;"></div>
    <div class="control-group">
        <label class="control-label">子:</label>
        <div class="controls">
            <table id="contentTable"
                class="table table-striped table-bordered table-condensed">
                <thead>
                    <tr>
                        <th class="hide"></th>
                        <th>1</th>
                        <th>2</th>
                        <th>3</th>
                        <th>4</th>
                        <shiro:hasPermission name="temperaturehistory:tblTemperature:edit">
                            <th width="10">&nbsp;</th>
                        </shiro:hasPermission>
                    </tr>
                </thead>
                <tbody id="tblTemperatureHistoryList">
                </tbody>

            </table>
            <script type="text/template" id="tblTemperatureHistoryTpl">//<!--
                        <tr id="tblTemperatureHistoryList{{idx}}">
                            <td class="hide">
                                <input id="tblTemperatureHistoryList{{idx}}_id" name="tblTemperatureHistoryList[{{idx}}].id" type="hidden" value="{{row.id}}"/>
                                <input id="tblTemperatureHistoryList{{idx}}_delFlag" name="tblTemperatureHistoryList[{{idx}}].delFlag" type="hidden" value="0"/>
                            </td>
                            <td>
                                <input id="tblTemperatureHistoryList{{idx}}_tagId" name="tblTemperatureHistoryList[{{idx}}].tagId" type="text" value="{{row.tagId}}" maxlength="64" class="input-small "/>
                            </td>
                            <td>
                                <input id="addTime" name="tblTemperatureHistoryList[{{idx}}].addTime" type="text" readonly="readonly" maxlength="20" class="input-medium Wdate "
                                    value="{{row.addTime}}" onclick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss',isShowClear:false});"/>
                            </td>
                            <td>
                                <input id="temperature" name="tblTemperatureHistoryList[{{idx}}].temperature" type="text" value="{{row.temperature}}" class="input-small "/>
                            </td>
                            <td>
                                <textarea id="tblTemperatureHistoryList{{idx}}_remarks" name="tblTemperatureHistoryList[{{idx}}].remarks" rows="4" maxlength="255" class="input-small ">{{row.remarks}}</textarea>
                            </td>
                            <shiro:hasPermission name="temperaturehistory:tblTemperature:edit"><td class="text-center" width="10">
                                {{#delBtn}}<span class="close" onclick="delRow(this, '#tblTemperatureHistoryList{{idx}}')" title="删除">&times;</span>{{/delBtn}}
                            </td></shiro:hasPermission>
                        </tr>//-->
                    </script>

            <script type="text/javascript"
                src="/jeesite/static/js/echarts/echarts.js"></script>
            <script type="text/javascript"
                src="/jeesite/static/jquery/jquery-1.8.3.js"></script>
            <script type="text/javascript">
    var myChart = echarts.init(document.getElementById('main'))
option= {
                    color: ['#ff3d3d', '#00a0e9', '#f603ff','#00b419','#5f52a0'],
                    tooltip: {
                        trigger: 'axis'
                    },
                    legend: {
                        x: 'left',
                        padding: [10, 20,0,20],
                        data:['温度'],
                    },
                    grid: {
                        left: '0',
                        right: '3%',
                        bottom: '3%',
                        top:'13%',
                        containLabel: true
                    },
                    xAxis: {
                        type: 'category',
                        boundaryGap: false,
                        splitLine:{//网格线
                            show: true,
                            lineStyle:{
                                color:['#b1b1b1'],
                                type:'dashed'
                            }
                        },
                        data: []
                    },
                    yAxis: {
                        splitLine:{//网格线
                            show: true,
                            lineStyle:{
                                color:['#b1b1b1'],
                                type:'dashed'
                            }
                        }
                    },
                    series: [
                        {
                            name:'温度',
                            type:'line',
                            data:[],
                            label: {
                                normal: {
                                    show: true,
                                    position: 'top'//值显示
                                }
                            }
                        }
                    ]
                };
    var datai = ${fns:toJson(tblTemperature.tblTemperatureHistoryList)};
    var temperature=[];//温度
    var addTime=[];//获取时间

                    $.ajax({
                    type : "post",
                    async : true,//异步请求
                    dataType : "json",
                    data:{},
                    success : function(result) {
                                for(var i =0;i<datai.length;i++){
                                    for(var j=0;j<data[i].length;j++){
                                    temperature.push(datai[i][j].temperatuer);
                                    addTime.push(datai[i][j].addTime);
                                }
                                }
                        myChart.setOption({
                             xAxis :{
                                 data:addTime
                             },
                             series : {
                                 data:temperature
                             }
                        })
                    }
                  });
        myChart.setOption(option);
        //打印数据,用于测试数据是否得到
        console.warn(temperature, addTime);
</script>

            <script type="text/javascript">
                        var tblTemperatureHistoryRowIdx = 0, 
                            tblTemperatureHistoryTpl = $("#tblTemperatureHistoryTpl").html().replace(/(\/\/\<!\-\-)|(\/\/\-\->)/g,"");
                        $(document).ready(function() {
                            alert(1)

                            var data = ${fns:toJson(tblTemperature.tblTemperatureHistoryList)};
                            for (var i=0; i<data.length; i++){
                                addRow('#tblTemperatureHistoryList', tblTemperatureHistoryRowIdx, tblTemperatureHistoryTpl, data[i]);
                                tblTemperatureHistoryRowIdx = tblTemperatureHistoryRowIdx + 1;
                            }

                        });

                    </script>
        </div>
    </div>


</body>

6个回答

你的这个和ajax什么关系?直接页面上付给给js变量的那不是自己遍历data数组压入temperature和addTime中setOption

    var data = ${fns:toJson(tblTemperature.tblTemperatureHistoryList)};
    var temperature = [];//温度
    var addTime = [];//获取时间
    for (var i = 0; i < data.length; i++) {
        temperature.push(data[i].temperature);
        addTime.push(data[i].addTime)
    }
    option.xAxis = [{ data: addTime }]
    option.series = [{ data: temperature }]
qq_35649402
你们让我起个名啊 回复你们让我起个名啊: 方便加你QQ什么的聊吗?
接近 3 年之前 回复
qq_35649402
你们让我起个名啊 回复showbo: 是在页面的
接近 3 年之前 回复
showbo
支付宝加好友偷能量挖 回复你们让我起个名啊: 你贴出来的1维json数组,哪来的二维? var data = ${fns:toJson(tblTemperature.tblTemperatureHistoryList)};你这个是在页面里面还是其他地方的?
接近 3 年之前 回复
qq_35649402
你们让我起个名啊 然而我这个是二维数组...
接近 3 年之前 回复

同学您好,因为你的代码是直接用Ajax提交的,所以后台的数据封装好了直接以数据字典的形式返回给你前台了,所以可以data.temperature,您可以试试?如果错了,再另寻其他解决。

qq_35649402
你们让我起个名啊 这样不行啊
接近 3 年之前 回复

照楼上说的做应该就可以了!!!

![![图片说明](https://img-ask.csdn.net/upload/201705/03/1493782575_52610.jpg)图片说明](https://img-ask.csdn.net/upload/201705/03/1493782544_512523.jpg)

图片说明

图片说明

qq_35649402
你们让我起个名啊 方便qq联系吗?
接近 3 年之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
echarts3.0 引用json地图
echarts3.0有两个引入地图的方式, http://echarts.baidu.com/download-map.html 我用js的方法引入成功了,但是用json的方法就是看不到地图(火狐也看不到),空白一片 以下是我的目录结构 F:\MyEcharts3.0 -china.js -china.json -echarts.js -echarts.min.js -jquery.min.js -macarons2.js -MyTest.html china.json是echarts官网下载的 以下是我的html代码 <!DOCTYPE html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <!--自适应device-width设备宽度--> <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script src="./echarts.js"></script> <script src="./jquery.min.js"></script> <title>ECharts</title> <style> </style> </head> <body> <div id="main" style="height:800px;width:100%;border:1px solid black;"></div> <script> $.get('./china.json', function (chinaJson) { echarts.registerMap('china', chinaJson); var chart = echarts.init(document.getElmentById('main')); chart.setOption({ series: [{ type: 'map', map: 'china' }] }); }); //myChart.setOption(option); </script> </body> 本人是新手,因为工作需要才开始接触echarts,html,希望大神耐心指导,谢谢 顺便弱弱的问一下echarts3.0怎么像之前一样,加载主题文件?
js判断json中值放入Echarts中的问题
我想要得到tagPos=4的json数据该怎么做? ``` var temperature = []; var addTime = []; var remarks = []; var tagPos=[]; $.ajax({ type : "post", async : true, //异步请求:同步请求将会锁住浏览器,用户其他操作必须等待请求完成才可以执行 url : "${ctx}/temperature/tblTem/allTem", data : {}, dataType : "json", success : function(result) { //请求成功时执行该函数内容,result即为服务器返回的json对象 // alert('实时温度系统'); for (var i = 0; i < result.length; i++) { temperature.push(result[i].temperature); addTime.push(result[i].addTime); remarks.push(result[i].remarks); tagPos.push(result[i].tagPos); } myChart.setOption({ xAxis : [ { data : addTime }, { type : "category", data : remarks } ], series : [ { name : '当前温度', type : 'bar', data : temperature, //画直线 markLine : { data : [ { name : '起始', xAxis : 0, yAxis : 55 }, { name : '结束', value : 40, xAxis : 0, yAxis : 40 } ], } } ] }) } }); ```
关于安卓中echarts的传值
echarts的opotion你们是怎么传值的?后台拿到的数据和官网一样,我是直接转成json然后传到js里面,但是这样有些图的opotion转json就报错,求大神指点
echarts 显示数据出现问题,json取出数据后无法显示
如图,想显示的数据如图: ![图片说明](https://img-ask.csdn.net/upload/201808/07/1533622394_667478.png) 这数据是直接写死的,代码如下: ``` <body> <div id="line" style="width:600px; height: 400px;float:right"></div> </body> <script type="text/javascript"> $(function() { loaderBar(); }); function loaderBar() { var myChart = echarts.init(document.getElementById('line')); var dataAll = [ 389, 259, 262, 324, 232, 176, 196, 214, 133, 370 ]; var yAxisData = [ '原因1', '原因2', '原因3', '原因4', '原因5', '原因6', '原因7', '原因8', '原因9', '原因10' ]; var option = { backgroundColor : '#0f375f', title : [ { text : "投诉原因TOP10", x : '10%', y : '1%', textStyle : { color : "#fff", fontSize : "14" } }, ], grid : [ { x : '20%', y : '7%', width : '45%', height : '90%' }, ], tooltip : { formatter : '{b} ({c})' }, xAxis : [ { gridIndex : 0, axisTick : { show : false }, axisLabel : { show : false }, splitLine : { show : false }, axisLine : { show : false } }, ], yAxis : [ { gridIndex : 0, interval : 0, data : yAxisData.reverse(), axisTick : { show : false }, axisLabel : { show : true }, splitLine : { show : false }, axisLine : { show : false, lineStyle : { color : "white" } }, } ], series : [ { name : '投诉原因TOP10', type : 'bar', xAxisIndex : 0, yAxisIndex : 0, barWidth : '45%', itemStyle : { normal : { color : 'blue' } }, label : { normal : { show : true, position : "right", textStyle : { color : "white" } } }, data : dataAll.sort(), }, ] }; myChart.setOption(option); </script> ``` 但是我把它动态用ajax调用的时候,就无法显示数据了,代码如下: ``` <body> <div id="line" style="width:600px; height: 400px;float:right"></div> </body> <script type="text/javascript"> $(function() { loaderBar(); }); function loaderBar() { var myChart = echarts.init(document.getElementById('line')); var dataAll = [/* 389, 259, 262, 324, 232, 176, 196, 214, 133, 370 */]; var yAxisData = [/* '原因1', '原因2', '原因3', '原因4', '原因5', '原因6', '原因7', '原因8', '原因9', '原因10' */]; var option = { backgroundColor : '#0f375f', title : [ { text : "投诉原因TOP10", x : '10%', y : '1%', textStyle : { color : "#fff", fontSize : "14" } }, ], grid : [ { x : '20%', y : '7%', width : '45%', height : '90%' }, ], tooltip : { formatter : '{b} ({c})' }, xAxis : [ { gridIndex : 0, axisTick : { show : false }, axisLabel : { show : false }, splitLine : { show : false }, axisLine : { show : false } }, ], yAxis : [ { gridIndex : 0, interval : 0, /* data : yAxisData.reverse(), */ axisTick : { show : false }, axisLabel : { show : true }, splitLine : { show : false }, axisLine : { show : false, lineStyle : { color : "white" } }, } ], series : [ { name : '投诉原因TOP10', type : 'bar', xAxisIndex : 0, yAxisIndex : 0, barWidth : '45%', itemStyle : { normal : { color : 'blue' } }, label : { normal : { show : true, position : "right", textStyle : { color : "white" } } }, /* data : dataAll.sort(), */ }, ] }; /* myChart.setOption(option); */ var dataAll = [389, 259, 262, 324, 232, 176, 196, 214, 133, 370]; var yAxisData = ['原因1', '原因2', '原因3', '原因4', '原因5', '原因6', '原因7', '原因8', '原因9', '原因10']; $.ajax({ type : 'get', url : 'json/indexdata.json',//请求数据的地址 dataType : "json", //返回数据形式为json success : function(result) { //请求成功时执行该函数内容,result即为服务器返回的json对象 $.each(result.rankList, function(index, item) { yAxisData.push(item.name); //挨个取出类别并填入类别数组 dataAll.push(item.count); //挨个取出销量并填入销量数组 }); myChart.hideLoading(); /* alert(yAxisData); alert(dataAll); return ; */ option.yAxis.data=yAxisData; option.series.data=dataAll; myChart.setOption(option); } }); } </script> ``` 数据是能够拿到,但是现在图表无法显示出来。 ![图片说明](https://img-ask.csdn.net/upload/201808/07/1533622807_178708.png) 哪位大佬帮忙看看,感谢呀,江湖救急!
如何用echarts图表获取后台json数据变成动态数据,
网站首页是用echarts图表布局的数据,但是是静态的,需要送后台获取json数据生成动态数据,新手不知道怎么搞?
Echarts使用json打点地图,如何实现地图下钻和散点图展示?
1.Echarts使用json打点地图,可以实现一级散点图,但是地图下钻到二级,如何清除一级散点图? 2.在二级地图里展示对应的散点图?
请问在前端如何获得echarts图表的svg码?需要传到后台
请问在前端如何获得echarts图表的svg码?需要传到后台
echarts geoJson 地图
以下是我的html代码,option和GeoJson部分完全是抄官网http://echarts.baidu.com/doc/example/map6.html里面的代码,但是我不知道require GeoJson部分应该放在那里(怎么用),请大神指点下,谢谢 我现在这样hk的地图加载不出来 ``` <!DOCTYPE html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <!--自适应device-width设备宽度--> <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <!-- 新 Bootstrap 核心 CSS 文件 --> <link href="./bootstrap/css/bootstrap.min.css" rel="stylesheet"> <!-- 可选的Bootstrap主题文件(一般不用引入) <link href="./bootstrap/css/bootstrap-theme.min.css" rel="stylesheet">--> <!-- jQuery文件。务必在bootstrap.min.js 之前引入 --> <script src="./bootstrap/js/jquery.min.js"></script> <!-- 最新的 Bootstrap 核心 JavaScript 文件 --> <script src="./echarts/doc/asset/js/bootstrap.min.js"></script> <title>ECharts</title> <style> </style> </head> <body> <div id="main" style="margin-top:10px;height:400px;width:100vw;"></div> <!-- 2、引入模块化单文件echarts.js --> <script src="./echarts/build/dist/echarts.js"></script> <!-- 3、模块加载器配置echarts和所需图表的路径(相对路径为从当前页面链接到echarts.js)--> <script type="text/javascript"> // 路径配置 require.config({ paths: { echarts: './echarts/build/dist' } }); //-- 4、标签内动态加载echarts和所需图表,回调函数中可以初始化图表并驱动图表的生成--> // 使用 require( [ 'echarts', 'echarts/theme/helianthus', 'echarts/chart/map' ], function (ec,theme) { // 基于准备好的dom,初始化echarts图表 var myChart = ec.init(document.getElementById('main'),theme); require('echarts/util/mapData/params').params.HK = { getGeoJson: function (callback) { $.getJSON('./echarts/doc/example/geoJson/HK_geo.json',callback); } }; var option = { title : { text : '香港18区人口密度 (2011)', subtext: '人口密度数据来自Wikipedia', sublink: 'http://zh.wikipedia.org/wiki/%E9%A6%99%E6%B8%AF%E8%A1%8C%E6%94%BF%E5%8D%80%E5%8A%83#cite_note-12' }, tooltip : { trigger: 'item', formatter: '{b}<br/>{c} (p / km2)' }, toolbox: { show : true, orient : 'vertical', x: 'right', y: 'center', feature : { mark : {show: true}, dataView : {show: true, readOnly: false}, restore : {show: true}, saveAsImage : {show: true} } }, dataRange: { min: 800, max: 50000, text:['High','Low'], realtime: false, calculable : true, color: ['orangered','yellow','lightskyblue'] }, series : [ { name: '香港18区人口密度', type: 'map', mapType: 'HK', // 自定义扩展图表类型 itemStyle:{ normal:{label:{show:true}}, emphasis:{label:{show:true}} }, data:[ {name: '中西区', value: 20057.34}, {name: '湾仔', value: 15477.48}, {name: '东区', value: 31686.1}, {name: '南区', value: 6992.6}, {name: '油尖旺', value: 44045.49}, {name: '深水埗', value: 40689.64}, {name: '九龙城', value: 37659.78}, {name: '黄大仙', value: 45180.97}, {name: '观塘', value: 55204.26}, {name: '葵青', value: 21900.9}, {name: '荃湾', value: 4918.26}, {name: '屯门', value: 5881.84}, {name: '元朗', value: 4178.01}, {name: '北区', value: 2227.92}, {name: '大埔', value: 2180.98}, {name: '沙田', value: 9172.94}, {name: '西贡', value: 3368}, {name: '离岛', value: 806.98} ], // 自定义名称映射 nameMap: { 'Central and Western':'中西区', 'Eastern':'东区', 'Islands':'离岛', 'Kowloon City':'九龙城', 'Kwai Tsing':'葵青', 'Kwun Tong':'观塘', 'North':'北区', 'Sai Kung':'西贡', 'Sha Tin':'沙田', 'Sham Shui Po':'深水埗', 'Southern':'南区', 'Tai Po':'大埔', 'Tsuen Wan':'荃湾', 'Tuen Mun':'屯门', 'Wan Chai':'湾仔', 'Wong Tai Sin':'黄大仙', 'Yau Tsim Mong':'油尖旺', 'Yuen Long':'元朗' }, // 文本位置修正 textFixed : { 'Yau Tsim Mong' : [-10, 0] }, // 文本直接经纬度定位 geoCoord : { 'Islands' : [113.95, 22.26] } } ] }; // 为echarts对象加载数据 myChart.setOption(option); window.onresize = myChart.resize; //jquery ba-resize监听他的container //$("#dcDataUseStatisticContainer").resize(function(){$(myChart).resize();}) } ); </script> </body> ```
Echarts通过json从数据库中提去数据,XY轴不显示...
![图片说明](https://img-ask.csdn.net/upload/201704/10/1491815631_276391.png) 通过json: ![图片说明](https://img-ask.csdn.net/upload/201704/10/1491815726_426511.png) 以下为js代码 ``` var myChart = echarts.init(document.getElementById('main')) option = { color: ['#3398DB'], tooltip : { trigger: 'axis', axisPointer : { // 坐标轴指示器,坐标轴触发有效 type : 'shadow' // 默认为直线,可选为:'line' | 'shadow' } }, grid: { left: '3%', right: '4%', bottom: '3%', containLabel: true }, xAxis : [ { type : 'category', data : [tagId], axisTick: { alignWithLabel: true } } ], yAxis : [ { type : 'value' } ], series : [ { name:'直接访问', type:'bar', barWidth: '60%', data:[temperature] } ] }; var tagId=[];//标签id var temperature=[];//温度信息 $.ajax({ type:"post", async:true, //异步请求:同步请求将会锁住浏览器,用户其他操作必须等待请求完成才可以执行 url:"${ctx}/temperatures/tblTemperatureLast/allTem.do", data:{}, dataType:"json", success:function(result){ //请求成功时执行该函数内容,result即为服务器返回的json对象 if(result!=null&&result.length>0){ for(var i=0;i<result.length;i++){ tagId.push(result[i].tagId); temperature.push(result[i].temperature); } myChart.setOption({ xAxis:{ data:tagId }, series:[{ name:'温度', type:'bar', data:temperature }] }) } } }); myChart.setOption(option); ```
关于Echarts饼图大量数据传输
![图片说明](https://img-ask.csdn.net/upload/201901/04/1546595415_820752.png) ![图片说明](https://img-ask.csdn.net/upload/201901/04/1546595421_155206.png) 声明一下环境: 我们用的工具是 QlikSense ,这是在调用echarts的时候的问题。 如图:由于数据量大,我在接收数据时,我把数据存在一个数组 存储代码如下 data 的两个个元素分别是两个字段数据。 这里把两个元素的数据分别存储在两个数组中。 var data_w = new Array(); var data_v1 = new Array(); for(var i=0;i<data.length;i++){ data_w[i] = data[i][0]; data_v1[i] = data[i][1]; }; 我这里想在echarts的 data 这里这么做: data[{value:data_w,name:data_v1}] 可是最后结果却不能出来,我查看了他转换后的数据 大概样式就是 : data_w_中的全部数据 : data_v1 _中的全部数据 我试过遍历出数据作为一个数组,结果不行,可能代码问题。 我想问一下各路大神是怎么在饼图中传输数据的。 换句话说,这种情况只允许 JSON 格式吗? 用其他引用变量的方式不可以吗??
ajax的值怎样传递到echarts中 series的data中
``` $(function(){ var xlm = { arr : [], init : function(){ //ajax 调用 $.ajax({ type:"GET", url:'1.json', dataType:"json", success:function(datas){ $.each(datas.data,function(i,n){ console.log(datas.data[i].title) }) } }); } }; xlm.init(); //图形 var dom = document.getElementById("container"); var myChart = echarts.init(dom); var app = {}; option = null; option = { title: { text: '某站点用户访问来源', subtext: '纯属虚构', x: 'center' }, tooltip: { trigger: 'item', formatter: "{a} <br/>{b} : {c} ({d}%)" }, legend: { orient: 'vertical', left: 'left', data: [] }, series: [{ name: '访问来源', type: 'pie', radius: '55%', center: ['50%', '60%'], data: [], itemStyle: { emphasis: { shadowBlur: 10, shadowOffsetX: 0, shadowColor: 'rgba(0, 0, 0, 0.5)' } } }] }; if(option && typeof option === "object") { myChart.setOption(option, true); } }) ``` 1.json值 ``` { "code": 0, "msg": "OK", "data": [ { "title": "a", "value": "72" }, { "title": "b", "value": "11" }, { "title": "c", "value": "1" }, { "title": "d", "value": "4" }, { "title": "e", "value": "6" }, { "title": "f", "value": "0" }, { "title": "g", "value": "3" }, { "title": "h", "value": "3" } ] } ```
echarts里option数据,怎样能不重新加载?
echarts里option的data数据来自本地的json文件,使用myChart.setOption(option,true)加载在前端显示。 我添加了一个click事件,每触发一次click会触发series更新,再通过myChart.setOption(option,true将click结果展示在前端。 但是这样最初的.json文件也会重新加载,由于.json文件很大,因此整体加载很慢,请问有没有什么方法可以不重新加载最初的.json数据?谢谢大佬们。![图片说明](https://img-ask.csdn.net/upload/201909/10/1568117983_61303.png)![图片说明](https://img-ask.csdn.net/upload/201909/10/1568118047_48247.png)
用Echarts制作饼图没有显示。
用Echarts制作饼图没有显示,pie页面代码如下: ``` <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <script type="text/javascript" src="js/jquery-1.11.3.js"></script> <script type="text/javascript" src="js/echarts.min.js"></script> <title>饼图例子</title> </head> <body> <div id="mainChart" style="width: 600px;height:400px;"> </div> <script type="text/javascript"> //使用ajax加载数据 $.ajax({ method : 'post', url : 'pie', dataType : 'json', success : function(data) {//data格式:[{name:nameValue,value:valueVal},...] initChat(data); } }); function initChat(data) { var myChart = echarts.init(document.getElementById('mainChart')); option = { backgroundColor: '#cccccc', color:["#D53A35","#296294"], title : { text : '用户性别聚合分析', x : 'center' }, tooltip : { trigger : 'item', formatter : "{a} <br/>{b} : {c} ({d}%)" }, legend : { orient : 'vertical', left : 'left', data : formatData(data).xAxData }, series : [ { name : '男女数量', type : 'pie', radius : '55%', center : [ '50%', '60%' ], color:['#297ca3','#c35b3b'], data : formatData(data).serData, itemStyle : { emphasis : { shadowBlur : 10, shadowOffsetX : 0, shadowColor : 'rgba(0, 0, 0, 0.5)' } } } ] }; myChart.setOption(option, true); }; function formatData(data) { var xAxData = []; var serData = []; for (var i = 0; i < data.length; i++) { xAxData.push(data[i].name || ""); serData.push({ name : data[i].name, value : data[i].value || 0 }); } return { xAxData : xAxData, serData : serData }; }; </script> </body> </html> ``` 我把这篇代码删掉,只输出个字符串,是可以显示的,把这个代码放上就不行了,我感觉应该是这篇代码的问题,我把Controller的代码放在下面: ``` package com.ssh.controller; import org.springframework.stereotype.Controller; import org.springframework.web.bind.annotation.RequestMapping; import org.springframework.web.bind.annotation.RequestMethod; import org.springframework.web.bind.annotation.ResponseBody; import java.util.ArrayList; import java.util.HashMap; import java.util.List; import java.util.Map; @Controller public class EchartsController { @RequestMapping("/topie") public String toPie(){ return "pie"; } @RequestMapping(value="pie",method= RequestMethod.POST) @ResponseBody //处理的是异步请求,并且响应的结果是json格式 public List<Map<String, Object>> getPieData() { List<Map<String, Object>> data = new ArrayList<>(); Map<String, Object> map = new HashMap<String, Object>(); map.put("name", "男"); map.put("value", "20"); data.add(map); map = new HashMap<String, Object>(); map.put("name", "女"); map.put("value", "30"); data.add(map); return data; } } ``` 找了很久,也没找到问题,求大神帮助!!!! 我的项目目录如下: ![图片说明](https://img-ask.csdn.net/upload/201912/28/1577517453_218697.png) 问题已解决: 应该是js文件没有引入,我开始调了很长时间都没有用,js那删了改 改了删 但最后还是和现在代码一样,但是可以显示了,昨天弄了很久都没弄出来,哎,具体原因,为什么会这样,我也不是很清楚,有懂得大神吗,求解答 结果现在是这样这样的 ![图片说明](https://img-ask.csdn.net/upload/201912/29/1577592792_561495.png)
【echarts示例】jQuery引入json文件后,网页显示不了数据?
``` <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title> scatter3D</title> <script src="echarts.js"></script> <script src="http://echarts.baidu.com/dist/echarts-gl.js"></script> <script src="https://code.jquery.com/jquery-3.3.1.js"></script> </head> <body> <div id="main" style="width:600px;height:500px;"></div> <script > var myChart = echarts.init(document.getElementById('main')); $.get('expectancy-table.json', function (data) { myChart.setOption({ grid3D: {}, xAxis3D: {}, yAxis3D: {}, zAxis3D: {}, dataset: { source: data }, series: [ { type: 'scatter3D', symbolSize: 2.5 } ] }) }); myChart.setOption(Option); </script> </body> </html> ``` 小白刚学习echarts,在用$.get方法引入json文件后,运行时网页无法显示数据(空白的),想请教大家这是什么原因?(在VS2012上编写的) 以下是网页的错误提示: ![图片说明](https://img-ask.csdn.net/upload/201812/12/1544591763_956397.jpg)
JAVA如何将两个json对象合并
求助 java合并json对象,对象是ECharts里的Option 如 json1 {"title": {"textStyle": {"color": "1111","decoration": "2222"}}} json2 {"title": {"textStyle": {"color": "aaaa","color2": "bbbb"}}} 想得到的结果 {"title": {"textStyle": {"color": "1111","decoration": "2222","color2": "bbbb"}}} Option对象无法修改 json对象存在多重嵌套 如何合并,求助大神
【Echarts】怎么转换成Echarts地图数据需要的格式
从后台得到json格式的字符串,需要把其中的数据显示到前台的地图上,发现Echarts中的data 需要的是下面这种格式的数据,这是什么格式,怎么转换,高分求解! ``` [ { name : "广州", value : 38 }, { name : "昆明", value : 39 }, { name : "沈阳分院", value : 50 }, { name : "长春分院", value : 51 }, { name : "成都", value : 58 }, { name : "西安", value : 61 }, { name : "重庆", value : 390 }, { name : "南京分院", value : 460 }, { name : "北京分院", value : 500 }, { name : "合肥", value : 229 } ] ```
利用echarts绘制关系图,如何根据边的权重设置边的粗细?
利用echarts Les Miserables的例子绘制了一个关系图,现在想根据边的权重设置边的粗细 ``` <%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>ECharts</title> <!-- 引入 echarts.js --> <script type="text/javascript" src="../js/jquery.min.js"></script> <script type="text/javascript" src="../js/jquery.js"></script> <script type="text/javascript" src="../js/echarts.min.js"></script> <script type="text/javascript" src="../js/dataTool.js"></script> </head> <body style="height: 600px; margin: 0"> <div id="container" style="height: 100%"></div> <script type="text/javascript"> var dom = document.getElementById("container"); var myChart = echarts.init(dom); var app = {}; option = null; myChart.showLoading(); $.get('../data/1.gexf', function (xml) { myChart.hideLoading(); var graph = echarts.dataTool.gexf.parse(xml); console.log(JSON.stringify(graph)); var categories = []; for (var i = 0; i < 9; i++) { categories[i] = { name: '类目' + i }; } graph.nodes.forEach(function (node) { node.itemStyle = null; node.value = node.symbolSize; node.symbolSize /= 1.5; node.label = { normal: { show: node.symbolSize > 1 } }; node.category = node.attributes.modularity_class; } ); option = { title: { text: 'Les Miserables', subtext: 'Circular layout', top: 'bottom', left: 'right' }, tooltip: {}, legend: [{ // selectedMode: 'single', data: categories.map(function (a) { return a.name; }) }], animationDurationUpdate: 1500, animationEasingUpdate: 'quinticInOut', series : [ { name: 'Les Miserables', type: 'graph', layout: 'circular', circular: { rotateLabel: true }, data: graph.nodes, links: graph.links, categories: categories, roam: true, label: { normal: { position: 'right', formatter: '{b}' } }, edgeSymbol : [ 'none', 'arrow' ], lineStyle: { normal: { color: 'source', curveness: 0.3, } } } ] }; myChart.setOption(option); }, 'xml'); if (option && typeof option === "object") { var startTime = +new Date(); myChart.setOption(option, true); var endTime = +new Date(); var updateTime = endTime - startTime; console.log("Time used:", updateTime); } </script> </body> </html> ``` ``` gexf文件的内容为 ![图片说明](https://img-ask.csdn.net/upload/201910/20/1571555464_32358.png) 运行效果为
新手Echarts问题:为什么官网有些案例无法直接调用?
因为工作需要,公司最近需要我们去调用一下echarts。 因为以前没有用过echarts,只好先去学习一下。 今天在测试echarts时却发现了一个问题: 官网发的大部分案例都可以直接复制执行,还有一些是需要json文件的暂且不论。 今天测试的这个,我看过代码没有调用json文件的记录,却还是显示一片空白。 echarts环境:echarts用的是官网的2.08M的源码包,浏览器是 firfox. ``` <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>test</title> <script src="echarts.js"></script> </head> <body> <div id="charts" style="position: absolute;width: 80%;height: 80%;"> </div> </body> <script> var charts=echarts.init(document.getElementById('charts')); //为了代码可读性,我把系统给的数据全部以 data 代替 var data0 = [ data ]; var data = [ data ]; // See https://github.com/ecomfe/echarts-stat var myRegression = ecStat.regression('logarithmic', data); myRegression.points.sort(function(a, b) { return a[0] - b[0]; }); option = { legend: { data: ['1990', '2015'], bottom: 20 }, title: { text: '1990 and 2015 per capita life expectancy and GDP', subtext: 'By ecStat.regression', sublink: 'https://github.com/ecomfe/echarts-stat', left: 'center' }, tooltip: { trigger: 'axis', axisPointer: { type: 'cross' } }, grid: { top: 80, bottom: 90 }, xAxis: { type: 'value', splitLine: { lineStyle: { type: 'dashed' } }, }, yAxis: { type: 'value', splitLine: { lineStyle: { type: 'dashed' } }, }, series: [{ name: '1990', type: 'scatter', symbolSize: function(data) { return Math.sqrt(data[2]) / 5e2; }, label: { emphasis: { show: true, formatter: function(param) { return param.data[3]; }, position: 'top' } }, itemStyle: { normal: { shadowBlur: 10, shadowColor: 'rgba(120, 36, 50, 0.5)', shadowOffsetY: 5, color: new echarts.graphic.RadialGradient(0.4, 0.3, 1, [{ offset: 0, color: 'rgb(251, 118, 123)' }, { offset: 1, color: 'rgb(204, 46, 72)' }]) } }, data: data0 }, { name: '2015', type: 'scatter', symbolSize: function(data) { return Math.sqrt(data[2]) / 5e2; }, label: { emphasis: { show: true, formatter: function(param) { return param.data[3]; }, position: 'top' } }, itemStyle: { normal: { shadowBlur: 10, shadowColor: 'rgba(25, 100, 150, 0.5)', shadowOffsetY: 5, color: new echarts.graphic.RadialGradient(0.4, 0.3, 1, [{ offset: 0, color: 'rgb(129, 227, 238)' }, { offset: 1, color: 'rgb(25, 183, 207)' }]) } }, data: data1 }, { name: 'line', type: 'line', lineStyle: { normal: { color: '#2f4554' } }, smooth: true, showSymbol: false, data: myRegression.points, markPoint: { itemStyle: { normal: { color: 'transparent' } }, label: { normal: { show: true, position: 'left', formatter: myRegression.expression, textStyle: { color: '#333', fontSize: 14 } } }, data: [{ coord: myRegression.points[myRegression.points.length - 1] }] } }] }; charts.setOption(option); </script> </html> ``` 如果我数据的修改影响了判断,这里是源码--->[Echarts代码源码](https://echarts.baidu.com/examples/editor.html?c=scatter-logarithmic-regression "")
echarts 拖拽曲线图问题
![图片说明](https://img-ask.csdn.net/upload/201904/23/1556010072_889488.png) ``` <!DOCTYPE html> <html style="height: 100%"> <head> <meta charset="utf-8"> <script src="http://echarts.baidu.com/dist/echarts.min.js"></script> ``` ``` <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script> </head> <body style="height: 100%; margin: 0"> <div id="container" style="height: 100%"></div> </body> </html> <script type="text/javascript"> var dom = document.getElementById("container"); var myChart = echarts.init(dom); var app = {}; option = null; var symbolSize = 20; var data = [ [15, 0], [-50, 10], [-56.5, 20], [-46.5, 30], [-22.1, 40] ]; option = { title: { text: 'Try Dragging these Points' }, tooltip: { triggerOn: 'none', formatter: function (params) { return 'X: ' + params.data[0].toFixed(2) + '<br>Y: ' + params.data[1].toFixed(2); } }, grid: { }, xAxis: { min: -100, max: 80, type: 'value', axisLine: {onZero: false}, data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'] }, yAxis: { min: -30, max: 60, type: 'value', axisLine: {onZero: false}, }, dataZoom: [ { type: 'slider', xAxisIndex: 0, filterMode: 'empty' }, { type: 'slider', yAxisIndex: 0, filterMode: 'empty' }, { type: 'inside', xAxisIndex: 0, filterMode: 'empty' }, { type: 'inside', yAxisIndex: 0, filterMode: 'empty' } ], series: [ { id: 'a', type: 'line', smooth: true, symbolSize: symbolSize, data: data } ] }; if (!app.inNode) { setTimeout(function () { // Add shadow circles (which is not visible) to enable drag. myChart.setOption({ graphic: echarts.util.map(data, function (item, dataIndex) { return { type: 'circle', position: myChart.convertToPixel('grid', item), shape: { cx: 0, cy: 0, r: symbolSize / 2 }, invisible: true, draggable: true, ondrag: echarts.util.curry(onPointDragging, dataIndex), onmousemove: echarts.util.curry(showTooltip, dataIndex), onmouseout: echarts.util.curry(hideTooltip, dataIndex), z: 100 }; }) }); }, 0); window.addEventListener('resize', updatePosition); } myChart.on('dataZoom', updatePosition); function updatePosition() { myChart.setOption({ graphic: echarts.util.map(data, function (item, dataIndex) { return { position: myChart.convertToPixel('grid', item) }; }) }); } function showTooltip(dataIndex) { myChart.dispatchAction({ type: 'showTip', seriesIndex: 0, dataIndex: dataIndex }); } function hideTooltip(dataIndex) { myChart.dispatchAction({ type: 'hideTip' }); } function onPointDragging(dataIndex, dx, dy) { data[dataIndex] = myChart.convertFromPixel('grid', this.position); // Update data myChart.setOption({ series: [{ id: 'a', data: data }] }); } ; if (option && typeof option === "object") { myChart.setOption(option, true); } </script> ``` 想做个拖拽的动态图表 ajxa传输json方式做出了正常的曲线 图 拖拽的 没想明白 希望大神能详细点讲下
终于明白阿里百度这样的大公司,为什么面试经常拿ThreadLocal考验求职者了
点击上面↑「爱开发」关注我们每晚10点,捕获技术思考和创业资源洞察什么是ThreadLocalThreadLocal是一个本地线程副本变量工具类,各个线程都拥有一份线程私有的数
程序员必须掌握的核心算法有哪些?
由于我之前一直强调数据结构以及算法学习的重要性,所以就有一些读者经常问我,数据结构与算法应该要学习到哪个程度呢?,说实话,这个问题我不知道要怎么回答你,主要取决于你想学习到哪些程度,不过针对这个问题,我稍微总结一下我学过的算法知识点,以及我觉得值得学习的算法。这些算法与数据结构的学习大多数是零散的,并没有一本把他们全部覆盖的书籍。下面是我觉得值得学习的一些算法以及数据结构,当然,我也会整理一些看过...
《奇巧淫技》系列-python!!每天早上八点自动发送天气预报邮件到QQ邮箱
此博客仅为我业余记录文章所用,发布到此,仅供网友阅读参考,如有侵权,请通知我,我会删掉。 补充 有不少读者留言说本文章没有用,因为天气预报直接打开手机就可以收到了,为何要多此一举发送到邮箱呢!!!那我在这里只能说:因为你没用,所以你没用!!! 这里主要介绍的是思路,不是天气预报!不是天气预报!!不是天气预报!!!天气预报只是用于举例。请各位不要再刚了!!! 下面是我会用到的两个场景: 每日下
死磕YOLO系列,YOLOv1 的大脑、躯干和手脚
YOLO 是我非常喜欢的目标检测算法,堪称工业级的目标检测,能够达到实时的要求,它帮我解决了许多实际问题。 这就是 YOLO 的目标检测效果。它定位了图像中物体的位置,当然,也能预测物体的类别。 之前我有写博文介绍过它,但是每次重新读它的论文,我都有新的收获,为此我准备写一个系列的文章来详尽分析它。这是第一篇,从它的起始 YOLOv1 讲起。 YOLOv1 的论文地址:https://www.c...
知乎高赞:中国有什么拿得出手的开源软件产品?(整理自本人原创回答)
知乎高赞:中国有什么拿得出手的开源软件产品? 在知乎上,有个问题问“中国有什么拿得出手的开源软件产品(在 GitHub 等社区受欢迎度较好的)?” 事实上,还不少呢~ 本人于2019.7.6进行了较为全面的回答,对这些受欢迎的 Github 开源项目分类整理如下: 分布式计算、云平台相关工具类 1.SkyWalking,作者吴晟、刘浩杨 等等 仓库地址: apache/skywalking 更...
20行Python代码爬取王者荣耀全英雄皮肤
引言 王者荣耀大家都玩过吧,没玩过的也应该听说过,作为时下最火的手机MOBA游戏,咳咳,好像跑题了。我们今天的重点是爬取王者荣耀所有英雄的所有皮肤,而且仅仅使用20行Python代码即可完成。 准备工作 爬取皮肤本身并不难,难点在于分析,我们首先得得到皮肤图片的url地址,话不多说,我们马上来到王者荣耀的官网: 我们点击英雄资料,然后随意地选择一位英雄,接着F12打开调试台,找到英雄原皮肤的图片...
简明易理解的@SpringBootApplication注解源码解析(包含面试提问)
欢迎关注文章系列 ,关注我 《提升能力,涨薪可待》 《面试知识,工作可待》 《实战演练,拒绝996》 欢迎关注我博客,原创技术文章第一时间推出 也欢迎关注公 众 号【Ccww笔记】,同时推出 如果此文对你有帮助、喜欢的话,那就点个赞呗,点个关注呗! 《提升能力,涨薪可待篇》- @SpringBootApplication注解源码解析 一、@SpringBootApplication 的作用是什...
西游记团队中如果需要裁掉一个人,会先裁掉谁?
2019年互联网寒冬,大批企业开始裁员,下图是网上流传的一张截图: 裁员不可避免,那如何才能做到不管大环境如何变化,自身不受影响呢? 我们先来看一个有意思的故事,如果西游记取经团队需要裁员一名,会裁掉谁呢,为什么? 西游记团队组成: 1.唐僧 作为团队teamleader,有很坚韧的品性和极高的原则性,不达目的不罢休,遇到任何问题,都没有退缩过,又很得上司支持和赏识(直接得到唐太宗的任命,既给袈...
Python语言高频重点汇总
Python语言高频重点汇总 GitHub面试宝典仓库 回到首页 目录: Python语言高频重点汇总 目录: 1. 函数-传参 2. 元类 3. @staticmethod和@classmethod两个装饰器 4. 类属性和实例属性 5. Python的自省 6. 列表、集合、字典推导式 7. Python中单下划线和双下划线 8. 格式化字符串中的%和format 9. 迭代器和生成器 10...
究竟你适不适合买Mac?
我清晰的记得,刚买的macbook pro回到家,开机后第一件事情,就是上了淘宝网,花了500元钱,找了一个上门维修电脑的师傅,上门给我装了一个windows系统。。。。。。 表砍我。。。 当时买mac的初衷,只是想要个固态硬盘的笔记本,用来运行一些复杂的扑克软件。而看了当时所有的SSD笔记本后,最终决定,还是买个好(xiong)看(da)的。 已经有好几个朋友问我mba怎么样了,所以今天尽量客观
程序员一般通过什么途径接私活?
二哥,你好,我想知道一般程序猿都如何接私活,我也想接,能告诉我一些方法吗? 上面是一个读者“烦不烦”问我的一个问题。其实不止是“烦不烦”,还有很多读者问过我类似这样的问题。 我接的私活不算多,挣到的钱也没有多少,加起来不到 20W。说实话,这个数目说出来我是有点心虚的,毕竟太少了,大家轻喷。但我想,恰好配得上“一般程序员”这个称号啊。毕竟苍蝇再小也是肉,我也算是有经验的人了。 唾弃接私活、做外
ES6基础-ES6的扩展
进行对字符串扩展,正则扩展,数值扩展,函数扩展,对象扩展,数组扩展。 开发环境准备: 编辑器(VS Code, Atom,Sublime)或者IDE(Webstorm) 浏览器最新的Chrome 字符串的扩展: 模板字符串,部分新的方法,新的unicode表示和遍历方法: 部分新的字符串方法 padStart,padEnd,repeat,startsWith,endsWith,includes 字...
Python爬虫爬取淘宝,京东商品信息
小编是一个理科生,不善长说一些废话。简单介绍下原理然后直接上代码。 使用的工具(Python+pycharm2019.3+selenium+xpath+chromedriver)其中要使用pycharm也可以私聊我selenium是一个框架可以通过pip下载 pip install selenium -i https://pypi.tuna.tsinghua.edu.cn/simple/ 
阿里程序员写了一个新手都写不出的低级bug,被骂惨了。
你知道的越多,你不知道的越多 点赞再看,养成习惯 本文 GitHub https://github.com/JavaFamily 已收录,有一线大厂面试点思维导图,也整理了很多我的文档,欢迎Star和完善,大家面试可以参照考点复习,希望我们一起有点东西。 前前言 为啥今天有个前前言呢? 因为你们的丙丙啊,昨天有牌面了哟,直接被微信官方推荐,知乎推荐,也就仅仅是还行吧(心里乐开花)
Java工作4年来应聘要16K最后没要,细节如下。。。
前奏: 今天2B哥和大家分享一位前几天面试的一位应聘者,工作4年26岁,统招本科。 以下就是他的简历和面试情况。 基本情况: 专业技能: 1、&nbsp;熟悉Sping了解SpringMVC、SpringBoot、Mybatis等框架、了解SpringCloud微服务 2、&nbsp;熟悉常用项目管理工具:SVN、GIT、MAVEN、Jenkins 3、&nbsp;熟悉Nginx、tomca
Python爬虫精简步骤1 获取数据
爬虫的工作分为四步: 1.获取数据。爬虫程序会根据我们提供的网址,向服务器发起请求,然后返回数据。 2.解析数据。爬虫程序会把服务器返回的数据解析成我们能读懂的格式。 3.提取数据。爬虫程序再从中提取出我们需要的数据。 4.储存数据。爬虫程序把这些有用的数据保存起来,便于你日后的使用和分析。 这一篇的内容就是:获取数据。 首先,我们将会利用一个强大的库——requests来获取数据。 在电脑上安装
作为一个程序员,CPU的这些硬核知识你必须会!
CPU对每个程序员来说,是个既熟悉又陌生的东西? 如果你只知道CPU是中央处理器的话,那可能对你并没有什么用,那么作为程序员的我们,必须要搞懂的就是CPU这家伙是如何运行的,尤其要搞懂它里面的寄存器是怎么一回事,因为这将让你从底层明白程序的运行机制。 随我一起,来好好认识下CPU这货吧 把CPU掰开来看 对于CPU来说,我们首先就要搞明白它是怎么回事,也就是它的内部构造,当然,CPU那么牛的一个东
破14亿,Python分析我国存在哪些人口危机!
2020年1月17日,国家统计局发布了2019年国民经济报告,报告中指出我国人口突破14亿。 猪哥的朋友圈被14亿人口刷屏,但是很多人并没有看到我国复杂的人口问题:老龄化、男女比例失衡、生育率下降、人口红利下降等。 今天我们就来分析一下我们国家的人口数据吧! 更多有趣分析教程,扫描下方二维码关注vx公号「裸睡的猪」 即可查看! 一、背景 1.人口突破14亿 2020年1月17日,国家统计局发布
web前端javascript+jquery知识点总结
Javascript javascript 在前端网页中占有非常重要的地位,可以用于验证表单,制作特效等功能,它是一种描述语言,也是一种基于对象(Object)和事件驱动并具有安全性的脚本语言 ,语法同java类似,是一种解释性语言,边执行边解释。 JavaScript的组成: ECMAScipt 用于描述: 语法,变量和数据类型,运算符,逻辑控制语句,关键字保留字,对象。 浏览器对象模型(Br
Qt实践录:开篇
本系列文章介绍笔者的Qt实践之路。
在家远程办公效率低?那你一定要收好这个「在家办公」神器!
相信大家都已经收到国务院延长春节假期的消息,接下来,在家远程办公可能将会持续一段时间。 但是问题来了。远程办公不是人在电脑前就当坐班了,相反,对于沟通效率,文件协作,以及信息安全都有着极高的要求。有着非常多的挑战,比如: 1在异地互相不见面的会议上,如何提高沟通效率? 2文件之间的来往反馈如何做到及时性?如何保证信息安全? 3如何规划安排每天工作,以及如何进行成果验收? ......
作为一个程序员,内存和磁盘的这些事情,你不得不知道啊!!!
截止目前,我已经分享了如下几篇文章: 一个程序在计算机中是如何运行的?超级干货!!! 作为一个程序员,CPU的这些硬核知识你必须会! 作为一个程序员,内存的这些硬核知识你必须懂! 这些知识可以说是我们之前都不太重视的基础知识,可能大家在上大学的时候都学习过了,但是嘞,当时由于老师讲解的没那么有趣,又加上这些知识本身就比较枯燥,所以嘞,大家当初几乎等于没学。 再说啦,学习这些,也看不出来有什么用啊!
这个世界上人真的分三六九等,你信吗?
偶然间,在知乎上看到一个问题 一时间,勾起了我深深的回忆。 以前在厂里打过两次工,做过家教,干过辅导班,做过中介。零下几度的晚上,贴过广告,满脸、满手地长冻疮。   再回首那段岁月,虽然苦,但让我学会了坚持和忍耐。让我明白了,在这个世界上,无论环境多么的恶劣,只要心存希望,星星之火,亦可燎原。   下文是原回答,希望能对你能有所启发。   如果我说,这个世界上人真的分三六九等,
为什么听过很多道理,依然过不好这一生?
记录学习笔记是一个重要的习惯,不希望学习过的东西成为过眼云烟。做总结的同时也是一次复盘思考的过程。 本文是根据阅读得到 App上《万维钢·精英日课》部分文章后所做的一点笔记和思考。学习是一个系统的过程,思维模型的建立需要相对完整的学习和思考过程。以下观点是在碎片化阅读后总结的一点心得总结。
B 站上有哪些很好的学习资源?
哇说起B站,在小九眼里就是宝藏般的存在,放年假宅在家时一天刷6、7个小时不在话下,更别提今年的跨年晚会,我简直是跪着看完的!! 最早大家聚在在B站是为了追番,再后来我在上面刷欧美新歌和漂亮小姐姐的舞蹈视频,最近两年我和周围的朋友们已经把B站当作学习教室了,而且学习成本还免费,真是个励志的好平台ヽ(.◕ฺˇд ˇ◕ฺ;)ノ 下面我们就来盘点一下B站上优质的学习资源: 综合类 Oeasy: 综合
雷火神山直播超两亿,Web播放器事件监听是怎么实现的?
Web播放器解决了在手机浏览器和PC浏览器上播放音视频数据的问题,让视音频内容可以不依赖用户安装App,就能进行播放以及在社交平台进行传播。在视频业务大数据平台中,播放数据的统计分析非常重要,所以Web播放器在使用过程中,需要对其内部的数据进行收集并上报至服务端,此时,就需要对发生在其内部的一些播放行为进行事件监听。 那么Web播放器事件监听是怎么实现的呢? 01 监听事件明细表 名
3万字总结,Mysql优化之精髓
本文知识点较多,篇幅较长,请耐心学习 MySQL已经成为时下关系型数据库产品的中坚力量,备受互联网大厂的青睐,出门面试想进BAT,想拿高工资,不会点MySQL优化知识,拿offer的成功率会大大下降。 为什么要优化 系统的吞吐量瓶颈往往出现在数据库的访问速度上 随着应用程序的运行,数据库的中的数据会越来越多,处理时间会相应变慢 数据是存放在磁盘上的,读写速度无法和内存相比 如何优化 设计
一条链接即可让黑客跟踪你的位置! | Seeker工具使用
搬运自:冰崖的部落阁(icecliffsnet) 严正声明:本文仅限于技术讨论,严禁用于其他用途。 请遵守相对应法律规则,禁止用作违法途径,出事后果自负! 上次写的防社工文章里边提到的gps定位信息(如何防止自己被社工或人肉) 除了主动收集他人位置信息以外,我们还可以进行被动收集 (没有技术含量) Seeker作为一款高精度地理位置跟踪工具,同时也是社交工程学(社会工程学)爱好者...
作为程序员的我,大学四年一直自学,全靠这些实用工具和学习网站!
我本人因为高中沉迷于爱情,导致学业荒废,后来高考,毫无疑问进入了一所普普通通的大学,实在惭愧...... 我又是那么好强,现在学历不行,没办法改变的事情了,所以,进入大学开始,我就下定决心,一定要让自己掌握更多的技能,尤其选择了计算机这个行业,一定要多学习技术。 在进入大学学习不久后,我就认清了一个现实:我这个大学的整体教学质量和学习风气,真的一言难尽,懂的人自然知道怎么回事? 怎么办?我该如何更好的提升
前端JS初级面试题二 (。•ˇ‸ˇ•。)老铁们!快来瞧瞧自己都会了么
1. 传统事件绑定和符合W3C标准的事件绑定有什么区别? 传统事件绑定 &lt;div onclick=""&gt;123&lt;/div&gt; div1.onclick = function(){}; &lt;button onmouseover=""&gt;&lt;/button&gt; 注意: 如果给同一个元素绑定了两次或多次相同类型的事件,那么后面的绑定会覆盖前面的绑定 (不支持DOM事...
相关热词 c# 识别回车 c#生成条形码ean13 c#子控制器调用父控制器 c# 写大文件 c# 浏览pdf c#获取桌面图标的句柄 c# list反射 c# 句柄 进程 c# 倒计时 线程 c# 窗体背景色
立即提问