echart图表加载 showloading的背景颜色或者背景透明度修改

如题,因为图表设置了比较深的背景色,showloading会覆盖一层淡白色,怎么设置啊

1个回答

1,首先echarts.common.min.js得showloading默认是浅白色蒙版,不可修改。
2,引入echarts-all.js可以设置showloading的参数,事例如下:
myChart.showLoading({
text : "正在加载...",
effect :"ring" ,//可选为:'spin' | 'bar' | 'ring' | 'whirling' | 'dynamicLine' | 'bubble'
textStyle : {
fontSize : 20,
color:'red'
}
});

weixin_44260373
weixin_44260373 你这糟老头子坏的狠
大约一年之前 回复
qq_34935445
想做前端的小菜鸟 傻玩意,老子差点被你这种不知道还自认为很厉害的人带坑里
一年多之前 回复
qq_34935445
想做前端的小菜鸟 傻玩意,老子差点被你这种不知道还自认为很厉害的人带坑里
一年多之前 回复
qq_34935445
想做前端的小菜鸟 傻玩意,老子差点被你这种不知道还自认为很厉害的人带坑里
一年多之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
echarts无法重新加载..........

在前端html上进入的echarts,之后点击查询按钮相应ajax请求,请求处理完毕后, 第一次可以加载echarts,但是第二次则无法加载echarts,这是怎么回事? ajax请求代码:<script> function postData(){ /* var sitevalue = document.getElementById("selectValue").value; var startTimeData = document.getElementById("startdate").value; var endTimeData = document.getElementById("enddate"); var ExportForm = document.createElement("form"); document.body.appendChild(ExportForm); ExportForm.method = "POST"; var div1 = document.getElementById('portlet-body'); ExportForm.submit(); */ var siteValue = document.getElementById("selectValue").value; var startTimeData = document.getElementById("startdate").value; var endTimeData = document.getElementById("enddate"); $.ajax({ type:"post", url:"sitetraffic", data:"siteData="+siteValue+"startdate="+startTimeData+"enddate="+endTimeData, dataType:"html", success:function(html){ alert(html); $(".portlet-body").append(html); } }); } </script>

求救啊 echart树形图问题

<div id="Graphical" style="width:100%;height:300px"></div> <script type="text/javascript"> var myChart = echarts.init(document.getElementById('Graphical')); var myChart.showLoading(); $.get('data/asset/data/flare.json', function (data) { myChart.hideLoading(); echarts.util.each(data.children, function (datum, index) { index % 2 === 0 && (datum.collapsed = true); }); myChart.setOption(option = { tooltip: { trigger: 'item', triggerOn: 'mousemove' }, series: [ { type: 'tree', data: [data], top: '1%', left: '7%', bottom: '1%', right: '20%', symbolSize: 7, label: { normal: { position: 'left', verticalAlign: 'middle', align: 'right', fontSize: 9 } }, leaves: { label: { normal: { position: 'right', verticalAlign: 'middle', align: 'left' } } }, expandAndCollapse: true, animationDuration: 550, animationDurationUpdate: 750 } ] }); }); myChart.setOption(option); </script> 该引的文件都引了 demo也是官方的 折线图就好使 但是树形图就显示不出来这个是报错Uncaught SyntaxError: Unexpected token .

如何使用echarts 通过按钮来查询数据制作表

1,我在网上看到的都是直接网页一加载就从数据库里取出数据。这点可以做到。 2,关键是,我要做一个任务是:有两个输入条件。根据条件查询结果,利用结果去制作表格 ,这样一来,我就不知道怎么写了。 例如自动加载的时候代码: require.config({ paths: { echarts: GLOBAL.WEBROOT+'/js-busi/track' } }); require( [ 'echarts', 'echarts/chart/bar' ],DrawEChart); function DrawEChart(ec){ var myChart = ec.init(document.getElementById('picturePlace')); myChart.showLoading({ text : "图表数据正在努力加载..." }); //定义图表option var option = { …… }; //为echarts对象加载数据 myChart.setOption(option); //myChart.hideLoading(); getChartData(myChart);//ajax后台交互 } }); 那么我该怎么定义一个按钮的事件,使它每单击一次就使用AJAX访问后台,然后返回数据,更新图表? 我个人觉得关键是那个DrawEChart(ec) 方法的ec,是个关键。我不知道每次JQ访问怎么获取ec。 望有识之士不吝赐教

Echarts 动态加载数据

麻烦问下各位大神我这个刷新柱状图为啥不能更新数据呢?? function setporjectstartbar(qxcode,cssname,types){ createstartbar(types); } function createstartbar(types){ var myChart = echarts.init(document.getElementById('projectstart'),cssnames); myChart.showLoading({text: '正在努力的读取数据中...' }); var option = { title : { text: '项目状态', subtext: '' }, grid: { left: '3%', right: '4%', bottom: '3%', containLabel: true }, tooltip : { trigger: 'axis' }, legend: { data:[] }, toolbox: { show : true, feature : { mark : {show: false}, dataView : {show: true}, magicType : {show: true, type: ['line', 'bar']}, restore : {show: false}, saveAsImage : {show: true} } }, calculable : true, xAxis : [ { type : 'category', data : [] } ], yAxis : [ { type : 'value' } ], series : [ { name:'项目量', type:'bar', data:[],//2.0, 4.9, 7.0, 23.2, 25.6 barWidth: '50%', markPoint : { data : [ {type : 'max', name: '最大值'}, {type : 'min', name: '最小值'} ] }, markLine : { data : [ {type : 'average', name: '平均值'} ] } } ] }; myChart.setOption(option); var url = $("#urls").val(); $.ajax({ type : "POST", url : url+"/us", async:true, contentType:"application/x-www-form-urlencoded;charset=utf-8", data:{stypes:"2",qxcode:qxcodes}, success : function(data){ alert(data); //var dates = '{"date":[{"name":"待办项目","value":10},{"name":"在办项目","value":20},{"name":"办结项目","value":30}]}'; var dates = data; var parsedJson = jQuery.parseJSON(dates); var label=[]; var s1datevalue=[]; $.each(parsedJson.date, function(idx, obj) { label[idx] = obj.name; s1datevalue[idx] = obj.value; }); //myChart.setOption({ //加载数据图表 // xAxis: { // data: label // }, // series: [{ // data: s1datevalue // }] //}); option.series[0]['data']=s1datevalue; myChart.setOption(option); myChart.on('click', function (params) { var types = gettypes1(params.name); setporjecttopbar(qxcodes,cssnames,types); }); myChart.hideLoading(); }, error : function(errorMsg) { alert("图表请求数据失败!"); myChart.hideLoading(); } }); } function gettypes1(names){ var types = ""; if(names.indexOf('待办')>=0){ types = "1"; }else if(names.indexOf('在办')>=0){ types = "2"; }else if(names.indexOf('办结')>=0){ types = "3"; } return types; }

微信小程序wx.showLoading在iphone7 plus上真机调试报无此方法错误

微信小程序wx.showLoading在iphone7 plus上真机调试报无此方法错误,这个该怎么解决, 求大神解答

HELP!!!!Echarts图表无法显示数据了!!

我是想实现一个功能用Echarts显示数据库里面的帖子标题和点击量数据。后台做完了到前台却一直不显示数据,调了很长时间实在没办法了。不知道是哪里的问题。 目前显示的效果是这样的,下面我把后台到前台的代码都列出来。 ![图片说明](https://img-ask.csdn.net/upload/202002/29/1582957078_107415.png) 然后这个是浏览器控制台输出的从后台获取到的json格式数据 ![图片说明](https://img-ask.csdn.net/upload/202002/29/1582957097_336679.png) 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> ```

滚动条下拉时加载遮罩以及隐藏遮罩的问题

当网页滚动条拉到最底时,用jQuery的showloading方法加载遮罩同时加载数据,然后应该怎么把遮罩隐藏掉,把加载的数据显示出来?

echarts在IE11中个的兼容问题

使用echarts搭配AJAX显示柱状图表时,在IE11上页面第一次打开时回去请求 后台刷新数据,但是只请求一次就不会再请求,手动刷新页面都无效,除非关闭页面重新 打开 ,这种情况在谷歌,火狐测试下没有问题!!! 请问是兼容问题还是缓存?? 急!!!!! ``` $(function () { var myChart = echarts.init(document.getElementById('main')); myChart.showLoading({ text: "KM数据正在努力加载..." }); // 初始 option option = { tooltip: { trigger: 'axis', axisPointer: { // 坐标轴指示器,坐标轴触发有效 type: 'shadow' // 默认为直线,可选为:'line' | 'shadow' } }, legend: { data: ['考试通过', '学习时长/小时.分'] }, grid: { left: '3%', right: '4%', bottom: '3%', containLabel: true }, xAxis: [ { type: 'category', data: [ ] } ], yAxis: [ { type: 'value' } ], toolbox: { show: true, feature: { //magicType: { type: ['line', 'bar'] }, dataView: { readOnly: false }, saveAsImage: {}, } }, series: [ ] }; myChart.setOption(option); var names = []; //盛放X轴坐标值 var nums = []; //盛放Y坐标值 var ntime=[0.15,1.32] $.get("Ashx/TestDemo.ashx?action=list", {}, function (data) { var msg = $.parseJSON(data); for (var i = 0; i < msg.length; i++) { names.push(msg[i].Sys_DeptName); nums.push(msg[i].count); } myChart.hideLoading(); myChart.setOption({ xAxis: [{ data: names }], series: [ { name: '考试通过', type: 'bar', data: nums }, { name: '学习时长/小时.分', type: 'bar', data: ntime }, ] }); }); }); ```

echarts横坐标日期自动递增,显示数据。

![图片说明](https://img-ask.csdn.net/upload/201810/12/1539326130_588326.png) ![图片说明](https://img-ask.csdn.net/upload/201810/12/1539326189_760939.png) 第二张图片是放大后的效果,现在需求是,把2018/08/27 20:30 到2018/08/28 0:30 之间缺失的时间也显示出来,数据间隔30分钟,数据库里面没有中间这段缺失数据,但是前端页面要做显示,该怎么做呢?求大神赐教! 前端部分代码: $.post(url, {bianhao:bianhao,datatype:datatype,kstime:kstime,endtime:endtime}, function(data){ //alert(data['data'][0]['nDate']); for(var i=0;i<data['data'].length;i++){ //alert(data['data'][i]['ndate']); riqi.push(timestampToTime(data['data'][i]['nDate'])); shujv.push(data['data'][i]['data']); } maxvalue=shujv.max(); minvalue=shujv.min(); sumvalue=shujv.sum(); pjss=(sumvalue/shujv.length).toFixed(2); $('.pjss').text(pjss); $('.zgss').text(maxvalue); $('.zdss').text(minvalue); //图表 myChart = echarts.init(document.getElementById('tubiao')); myChart.showLoading({ text :"图表数据正在努力加载..." }); var option = { toolbox: { left: 'center', feature: { dataZoom: { yAxisIndex: 'none' }, restore: {}, saveAsImage: {} } }, tooltip: { trigger: 'axis' }, dataZoom: [{ type: 'inside' }], xAxis: { type: 'category', data: riqi }, yAxis : [ { scale: true, precision:1, power:1, type : 'value' } ], series: [{ data: shujv, type: 'line', markPoint: { data: [ {type: 'max', name: '最大值'}, {type: 'min', name: '最小值'} ] } }] }; myChart.hideLoading(); myChart.setOption(option); })

ECharts怎样用AJAX从数据库中调数据?

下面代码中是ECharts用AJAX从数据库中调数据,但前端页面无法显示数据,求问代码中哪里有误? ``` map1.html <!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> </head> <body> <div id="myChart" style="height:500px;"></div> <script src="./js/jquery-1.8.3.min.js"></script> <script> $.ajax({ type: "post", async: false, //同步执行 url: "mapdata.php", dataType: "json", //返回数据形式为json success: function (result) { myChart.hideLoading(); //隐藏加载动画 myChart.setOption({ //渲染数据 series: [{ // 根据名字对应到相应的系列 name: '2015年GDP', data: result }] }); }, error: function () { alert("请求数据失败!"); } }); </script> <script src="./js/echarts.js"></script> <script> require.config({ paths: { echarts: './js' } }); require( [ 'echarts', 'echarts/chart/map' // 按需加载所需图表,如需动态类型切换功能,别忘了同时加载相应图表 ], function (ec) { var myChart = ec.init(document.getElementById('myChart')); var option = { title: { text: '2015年GDP统计数据', subtext: '数据来源网络(单位:亿元)', left: 'center' //标题居中 }, tooltip: { //提示工具, trigger: 'item', formatter: "{a} <br/>{b} : {c}亿元" }, visualMap: { //视觉映射组件,可以根据范围调节数据变化 min: 0, //最小值 max: 10, //最大值 left: 'left', //位置 top: 'bottom', orient: 'horizontal', //水平 text: ['高', '低'], // 文本,默认为数值文本 calculable: true //是否启用值域漫游,即是否有拖拽用的手柄,以及用手柄调整选中范围。 }, toolbox: { //工具栏 show: true, orient: 'vertical', //垂直 left: 'right', top: 'center', feature: { mark: { show: true }, saveAsImage: { show: true } //保存为图片 } }, series: [{ name: '2015年GDP', type: 'map', mapType: 'china', //使用中国地图 roam: false, //是否开启鼠标缩放和平移 itemStyle: { normal: { label: { show: true } }, emphasis: { label: { show: true } } }, data: [] }] }; //myChart.showLoading(); //预加载动画 myChart.setOption(option); //渲染地图 } ); </script> </body> </html> mapdata.php <?php include_once('connect.php'); //连接数据库 //查询数据 $sql = "select * from echarts_map"; $query = mysql_query($sql); while ($row = mysql_fetch_array($query)) { $arr[] = array( 'name' => $row['province'], 'value' => $row['gdp'] ); } mysql_close($q); echo json_encode($arr); //输出json格式数据 ?> connect.php <?php $q = mysql_connect("localhost","root","dglgxx"); if(!$q) { die('Could not connect: ' . mysql_error()); } mysql_query("set names utf8"); //以utf8读取数据 mysql_select_db("test02",$q); //数据库 ?> ``` 数据库的表 ![图片说明](https://img-ask.csdn.net/upload/201607/13/1468397398_141664.png)

echarts3.0 新的图形数据,怎么获取本地图形数据文件

![图片说明](https://img-ask.csdn.net/upload/201601/18/1453093225_770639.png) 想做一个简单的网页例子,得到如上图的效果 官网API代码: ``` myChart.showLoading(); $.get('data/asset/data/les-miserables.gexf', function (xml) { myChart.hideLoading(); var graph = echarts.dataTool.gexf.parse(xml); 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.label.normal.show = node.symbolSize > 30; node.category = node.attributes.modularity_class; }); option = { title: { text: 'Les Miserables', subtext: 'Default layout', top: 'bottom', left: 'right' }, tooltip: {}, legend: [{ // selectedMode: 'single', data: categories.map(function (a) { return a.name; }) }], animationDuration: 1500, animationEasingUpdate: 'quinticInOut', series : [ { name: 'Les Miserables', type: 'graph', layout: 'none', data: graph.nodes, links: graph.links, categories: categories, roam: true, label: { normal: { position: 'right' } }, lineStyle: { normal: { curveness: 0.3 } } } ] }; myChart.setOption(option); }, 'xml'); ``` 自己的html代码: ``` <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>ECharts</title> <!-- 引入 echarts.js --> <script src="echarts.min.js"></script> <script src="jquery.js"></script> </head> <body> <!-- 为ECharts准备一个具备大小(宽高)的Dom --> <div id="main" style="width: 600px;height:400px;"></div> <script type="text/javascript"> // 基于准备好的dom,初始化echarts实例 var myChart = echarts.init(document.getElementById('main')); myChart.showLoading(); $.get('data/asset/data/les-miserables.gexf', function (xml) { myChart.hideLoading(); var graph = echarts.dataTool.gexf.parse(xml); 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.label.normal.show = node.symbolSize > 30; node.category = node.attributes.modularity_class; }); option = { title: { text: 'Les Miserables', subtext: 'Default layout', top: 'bottom', left: 'right' }, tooltip: {}, legend: [{ // selectedMode: 'single', data: categories.map(function (a) { return a.name; }) }], animationDuration: 1500, animationEasingUpdate: 'quinticInOut', series : [ { name: 'Les Miserables', type: 'graph', layout: 'none', data: graph.nodes, links: graph.links, categories: categories, roam: true, label: { normal: { position: 'right' } }, lineStyle: { normal: { curveness: 0.3 } } } ] }; myChart.setOption(option); }, 'xml'); </script> </body> </html> ``` data/asset/data/les-miserables.gexf 文件是我从官网下载 打开的时候报错: ![图片说明](https://img-ask.csdn.net/upload/201601/18/1453093775_885952.png)

一个undefined,愁死了,一进入页面加载的前端页面为什么老是报错??

![图片说明](https://img-ask.csdn.net/upload/201710/25/1508901353_690498.png) ![图片说明](https://img-ask.csdn.net/upload/201710/25/1508901362_829465.png) ``` <!DOCTYPE html> <html> <link rel="stylesheet" type="text/css" href="static/easyui/themes/default/easyui.css"> <link rel="stylesheet" type="text/css" href="static/easyui/themes/icon.css"> <link rel="stylesheet" type="text/css" href="static/easyui/themes/demo.css"> <link rel="stylesheet" type="text/css" href="static/easyui/themes/default/tree.css"> <script type="text/javascript"> $(function(){ $('#tt111').tree({ url:'sontree.do', lines:true, idFiled:'id', textFiled:'text', parentField:'sid', onClick: function(node){ opentabs(node); // 在用户点击的时候提示 } }); //tree function opentabs(node){ if($('#qq').tabs('exists',node.text)){ $('#qq').tabs('select',node.text); }else{ $('#qq').tabs('add',{ title:node.text, href: node.url, closable:true }); } } }); </script> <div class="easyui-layout" style="width:700px;height:350px;" data-options="fit:true"> <div id="p" data-options="region:'west'" style="width:30%;padding:10px"> <ul id="tt111"></ul> </div> <div data-options="region:'center',title:'Center'"> <div id="qq" class="easyui-tabs" > </div> </div> </div> <script type="text/javascript" src="static/easyui/jquery.min.js"></script> <script type="text/javascript" src="static/easyui/jquery.easyui.min.js"></script> <script type="text/javascript" src="static/easyui/easyloader.js"> </html> ``` 代码也在这了,图也在这了为什么??该引入的css文件和js的都引入了啊?还是报错啊?

在Freemarker中使用ajax与Echarts绘制图标 controller返回map的json格式 可是ajax就是报错

这是我ftl的代码 ``` <script type="text/javascript"> // 基于准备好的dom,初始化echarts实例 var myChart = echarts.init(document.getElementById('main')); //ajax查询销售数据 // 绘制图表 option = { title: { text: '每月销售额' }, tooltip: {}, xAxis: { data: ['', '', '', '', '', ''] }, yAxis: {}, series: [{ name: '销售额', type: 'bar', data: [5, 20, 36, 10, 10, 20] }] }; myChart.setOption(option); myChart.showLoading(); $.ajax({ async: true, url: "/admin/index/ajaxEchart", dataType: "json", success: function (data) { var arr = []; var arrMon = []; for (var i = 1; i <= 12; i++) { arr.push(data[i]); arrMon.push(i + "月份"); } console.log(arr); option.xAxis.data = arrMon; console.log(arrMon); option.series[1].data = arr; myChart.hideLoading(); myChart.setOption(option); } }); </script> 这是我后台返回的map打印的结果 {11=0.00, 1=0.00, 12=0.00, 2=0.00, 3=127198.75, 4=6987.00, 5=0.00, 6=0.00, 7=0.00, 8=0.00, 9=0.00, 10=0.00}```

利用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) 运行效果为

数据显示不到统计图中

![图片说明](https://img-ask.csdn.net/upload/201908/07/1565169152_990363.png) 这些信息一个在统计图上变显示啊,为什么显示不到echart的统计图上 ``` <div style="text-align: center;"> <h2>商品类型统计</h2> </div> <!-- 2.为ECharts准备一个具备大小(宽高)的Dom --> <div id="main" style="width: 600px; height: 450px; float:left;" > <script type="text/javascript"> var myChart = echarts.init(document.getElementById('main')); //3.初始化,默认显示标题,图例和xy空坐标轴 myChart.setOption({ title : { text : '销售数量' }, tooltip : {}, legend : { data : [ '销售量' ] }, xAxis : { data : [] }, yAxis : {}, series : [ { name : '销售量', type : 'bar', data : [] } ] }); //4.设置加载动画(非必须) myChart.showLoading(); //数据加载完之前先显示一段简单的loading动画 //5.定义数据存放数组(动态变) var names = []; //建立一个类别数组(实际用来盛放X轴坐标值) var nums = []; //建立一个销量数组(实际用来盛放Y坐标值) //6.ajax发起数据请求 $.ajax({ type : "post", async : true, //异步请求(同步请求将会锁住浏览器,其他操作须等请求完成才可执行) url : "${pageContext.request.contextPath}/store/statisticsOne", //请求发送到controller data : {}, dataType : "json", //返回数据形式为json //7.请求成功后接收数据name+num两组数据 success : function(result) { //result为服务器返回的json对象 if (result) { //8.取出数据存入数组 for (var i = 0; i < result.length; i++) { names.push(result[i].pro_name); //迭代取出类别数据并填入类别数组 } for (var i = 0; i < result.length; i++) { nums.push(result[i].countproduct); //迭代取出销量并填入销量数组 } myChart.hideLoading(); //隐藏加载动画 //9.覆盖操作-根据数据加载数据图表 myChart.setOption({ xAxis : { data : names }, series : [ { // 根据名字对应到相应的数据 name : '数量', data : nums } ] }); } }, error : function(errorMsg) { //请求失败时执行该函数 alert("图表请求数据失败!"); myChart.hideLoading(); } }) </script> </div> ```

微信小程序封装请求后,页面加载第一次获取不到wx.getStorageSync的值,刷新以后就可以了

``` 在util.js中封装了请求 var rootDocment = 'https://xxxxxx'; function getreq(url,data,success,fail){ console.log(data) //获取不到token,能取到is_end wx.showLoading({ title: '加载中', }) wx.request({ url: rootDocment + url, data:data, header: { 'content-type': 'application/json' // 默认值 }, method:'post', success(res) { wx.hideLoading(); success(res.data); }, fail(res){ fail() } }) } 然后在onload中传入了wx.getStorageSync data{ parmas: [{ "mini_token": wx.getStorageSync('token'), "is_end": 1 }] } onLoad: function(options) { console.log( wx.getStorageSync('token')) //这个时候还能取到 http.getreq("/mini/UserActivity/oneGrab", that.data.parmas[0], function(res) { console.log(res) } ) } 在页面onload时发起请求之前能获取到token的值,在封装的请求里面就获取不到了 ```

求各位大佬帮忙看一下BindingAdapter遇到的问题,这要怎么解决啊

布局代码: <?xml version="1.0" encoding="utf-8"?> <layout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" tools:context="com.example.dell.mvvmdemo.MainActivity"> <data> <variable name="user" type="com.example.dell.mvvmdemo.User"/> </data> <LinearLayout android:id="@+id/activity_main" android:layout_width="match_parent" android:layout_height="match_parent"> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:onClick="@{user.onClickName}" android:text="@{user.name}" android:textSize="20sp" app:newName ="@{user.newName}" /> </LinearLayout> </layout> javaBean代码: public class User { public ObservableField<String> name = new ObservableField<>(); public ObservableField<String> newName = new ObservableField<>(); public void onClickName(View view) { Log.i("User", name.get()); } @BindingAdapter({"newName"}) public static void setNewName(TextView tv, ObservableField<String> oName) { tv.setText(oName.get()); } } 数据绑定: public class MainActivity extends AppCompatActivity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); // setContentView(R.layout.activity_main); ActivityMainBinding binding = DataBindingUtil.setContentView(this, R.layout.activity_main); final User user = new User(); user.name.set("zhangsan"); binding.setUser(user); new Thread(new Runnable() { @Override public void run() { SystemClock.sleep(2000); user.name.set("lisi"); user.newName.set("wangwu"); } }).start(); } } 求问为什么会报错: Error:Execution failed for task ':app:compileDebugJavaWithJavac'. > java.lang.RuntimeException: Found data binding errors. ****/ data binding error ****msg:Cannot find the setter for attribute 'app:newName' with parameter type java.lang.String on android.widget.TextView. file:F:\Android\MVVMDemo\app\src\main\res\layout\activity_main.xml loc:24:28 - 24:39 ****\ data binding error ****

vue中echarts通过axios获取到数据,但是前端页面图却显示不出来!

``` export default { data() { return { colors: [ "#f7797d", "#2C5364", "#40E0D0", "#12c2e9", "#1565C0", "#6b6b83", "#11998e", "#c94b4b", "#00b09b", "#CAC531" ], }; }, mounted() { this.drawChart(); }, methods: { //画图 drawChart() { //建立series1数组,用于存放遍历的series的数据配置信息 var series1 = []; var myChart = this.$echarts.init(document.getElementById("container")); let _that = this; //指定图表的配置项和数据 var option = { color: this.colors, legend: { show: true, orient: "vertical", right: 15, top: 35, itemGap: 30, textStyle: { //图例文字的样式 fontSize: 20 } }, grid: { height: 720, width: 1220, top: 40 }, xAxis: { type: "time", axisLine: { show: true }, axisLabel: { rotate: -11, margin: 20, fontWeight: "bold", fontSize: 14 } }, yAxis: [ { splitLine: { //网格线 lineStyle: { type: "solid" //设置网格线类型 }, show: true //隐藏或显示 }, axisLabel: { fontWeight: "bold", fontSize: 16 }, data: [ "2#回火炉", "1#回火炉", "2#冷水机", "1#清洗机", "4#加热炉", "3#加热炉", "2#加热炉", "1#加热炉" ] } ], //将配置信息数组,赋给series series: series1 }; //加载数据图表 //第二个参数为true的原因是防止多次请求造成数据错乱 //true:覆盖掉之前的配置信息 myChart.setOption(option, true); //显示等待画面 myChart.showLoading(); // 接收后端发送过来的数据 this.$axios({ method: "get", url: "/api/productiton" }) .then(res => { var result = res.data; //隐藏加载动画 myChart.hideLoading(); //循环series内的数据 for (var i = 0; i < result.length; i++) { series1.push({ type: "custom", name: result[i].name, renderItem: function(params, api) { var categoryIndex = api.value(0); var start = api.coord([api.value(1), categoryIndex]); var end = api.coord([api.value(2), categoryIndex]); var height = api.size([0, 1])[1] * 0.6; var rectShape = echarts.graphic.clipRectByRect( { x: start[0], y: start[1] - height / 2, width: end[0] - start[0], height: height }, { x: params.coordSys.x, y: params.coordSys.y, width: params.coordSys.width, height: params.coordSys.height } ); return ( rectShape && { type: "rect", shape: _that.$echarts.graphic.clipRectByRect( { x: start[0], y: start[1] - height / 2, width: end[0] - start[0], height: height }, { x: params.coordSys.x, y: params.coordSys.y, width: params.coordSys.width, height: params.coordSys.height } ), style: api.style() } ); }, itemStyle: { opacity: 1 }, encode: { x: [1, 2], y: 0 }, data: result[i].equipment }); } }) .catch(error => { console.log(error); }); //清空数组,避免多次请求,数据重复添加 series1 = []; } } }; ```

微信小程序,如何在主页面动态引用其他页面(包含四个文件)

问题描述:点击列表跳转到详情页时,详情面的基础信息是通过一个接口获取的,都是一样的数据。但是不同类型的设备实时数据显示和接口调用不同。怎么能根据基础数据中的设备类型字段来动态加载显示不同的实时值? 我用template时对就的脚本没有运行。 如图: onLoad: function (option) { wx.showLoading({ title: '正在拼命加载中...', }) this.setData({ devIdpk: option.id }); this.data.requestData.devIdpk=this.data.devIdpk; api.requestDeviceDetail(this.data.requestData).then((data) => { wx.hideLoading(); if (data.status == 1) { this.setData({ deviceInfo: data.row[0] }); var templateName=""; console.log(templateName); switch (this.data.deviceInfo.BType){ case 33: templateName = "DuanLuQi4"; break; case 35: templateName = "DuanLuQi3"; break; case 36: templateName = "DuanLuQi2"; break; case 37: templateName ="DuanLuQi1";break; } this.setData({ btype:templateName }); } }) }, ``` <import src="../DuanLuQi1/DuanLuQi1.wxml" /> <import src="../DuanLuQi2/DuanLuQi2.wxml" /> <import src="../DuanLuQi3/DuanLuQi3.wxml" /> <import src="../DuanLuQi4/DuanLuQi4.wxml" /> <!-- 详情 --> <view>型号:{{deviceInfo.devTyName}}</view> <view>编号:{{deviceInfo.devSignature}}</view> <template is="{{btype}}" data="{{devIdpk}}"></template> ``` 本人在学习小程序,目前小白一名,希望会的小哥哥小姐姐指点指点。谢谢。

C/C++学习指南全套教程

C/C++学习的全套教程,从基本语法,基本原理,到界面开发、网络开发、Linux开发、安全算法,应用尽用。由毕业于清华大学的业内人士执课,为C/C++编程爱好者的教程。

定量遥感中文版 梁顺林著 范闻捷译

这是梁顺林的定量遥感的中文版,由范闻捷等翻译的,是电子版PDF,解决了大家看英文费时费事的问题,希望大家下载看看,一定会有帮助的

YOLOv3目标检测实战:训练自己的数据集

YOLOv3是一种基于深度学习的端到端实时目标检测方法,以速度快见长。本课程将手把手地教大家使用labelImg标注和使用YOLOv3训练自己的数据集。课程分为三个小项目:足球目标检测(单目标检测)、梅西目标检测(单目标检测)、足球和梅西同时目标检测(两目标检测)。 本课程的YOLOv3使用Darknet,在Ubuntu系统上做项目演示。包括:安装Darknet、给自己的数据集打标签、整理自己的数据集、修改配置文件、训练自己的数据集、测试训练出的网络模型、性能统计(mAP计算和画出PR曲线)和先验框聚类。 Darknet是使用C语言实现的轻型开源深度学习框架,依赖少,可移植性好,值得深入探究。 除本课程《YOLOv3目标检测实战:训练自己的数据集》外,本人推出了有关YOLOv3目标检测的系列课程,请持续关注该系列的其它课程视频,包括: 《YOLOv3目标检测实战:交通标志识别》 《YOLOv3目标检测:原理与源码解析》 《YOLOv3目标检测:网络模型改进方法》 敬请关注并选择学习!

sql语句 异常 Err] 1064 - You have an error in your SQL syntax; check the manual that corresponds to your

在我们开发的工程中,有时候会报 [Err] 1064 - You have an error in your SQL syntax; check the manual that corresponds to your MySQL server version for the right syntax to use near ------ 这种异常 不用多想,肯定是我们的sql语句出现问题,下面...

浪潮集团 往年的软件类 笔试题 比较详细的哦

浪潮集团 往年的软件类 笔试题 比较详细的哦

2019 AI开发者大会

2019 AI开发者大会(AI ProCon 2019)是由中国IT社区CSDN主办的AI技术与产业年度盛会。多年经验淬炼,如今蓄势待发:2019年9月6-7日,大会将有近百位中美顶尖AI专家、知名企业代表以及千余名AI开发者齐聚北京,进行技术解读和产业论证。我们不空谈口号,只谈技术,诚挚邀请AI业内人士一起共铸人工智能新篇章!

I2c串口通信实现加速度传感器和FPGA的交流

此代码能实现加速度传感器与FPGA之间的交流,从而测出运动物体的加速度。

Python可以这样学(第一季:Python内功修炼)

董付国系列教材《Python程序设计基础》、《Python程序设计(第2版)》、《Python可以这样学》配套视频,讲解Python 3.5.x和3.6.x语法、内置对象用法、选择与循环以及函数设计与使用、lambda表达式用法、字符串与正则表达式应用、面向对象编程、文本文件与二进制文件操作、目录操作与系统运维、异常处理结构。

微信公众平台开发入门

本套课程的设计完全是为初学者量身打造,课程内容由浅入深,课程讲解通俗易懂,代码实现简洁清晰。通过本课程的学习,学员能够入门微信公众平台开发,能够胜任企业级的订阅号、服务号、企业号的应用开发工作。 通过本课程的学习,学员能够对微信公众平台有一个清晰的、系统性的认识。例如,公众号是什么,它有什么特点,它能做什么,怎么开发公众号。 其次,通过本课程的学习,学员能够掌握微信公众平台开发的方法、技术和应用实现。例如,开发者文档怎么看,开发环境怎么搭建,基本的消息交互如何实现,常用的方法技巧有哪些,真实应用怎么开发。

机器学习初学者必会的案例精讲

通过六个实际的编码项目,带领同学入门人工智能。这些项目涉及机器学习(回归,分类,聚类),深度学习(神经网络),底层数学算法,Weka数据挖掘,利用Git开源项目实战等。

eclipseme 1.7.9

eclipse 出了新的eclipseme插件,官方有下载,但特慢,我都下了大半天(可能自己网速差)。有急需要的朋友可以下哦。。。

Spring Boot -01- 快速入门篇(图文教程)

Spring Boot -01- 快速入门篇 今天开始不断整理 Spring Boot 2.0 版本学习笔记,大家可以在博客看到我的笔记,然后大家想看视频课程也可以到【慕课网】手机 app,去找【Spring Boot 2.0 深度实践】的课程,令人开心的是,课程完全免费! 什么是 Spring Boot? Spring Boot 是由 Pivotal 团队提供的全新框架。Spring Boot...

HoloLens2开发入门教程

本课程为HoloLens2开发入门教程,讲解部署开发环境,安装VS2019,Unity版本,Windows SDK,创建Unity项目,讲解如何使用MRTK,编辑器模拟手势交互,打包VS工程并编译部署应用到HoloLens上等。

最简单的倍频verilog程序(Quartus II)

一个工程文件 几段简单的代码 一个输入一个输出(50Mhz倍频到100Mhz)

计算机组成原理实验教程

西北工业大学计算机组成原理实验课唐都仪器实验帮助,同实验指导书。分为运算器,存储器,控制器,模型计算机,输入输出系统5个章节

4小时玩转微信小程序——基础入门与微信支付实战

这是一个门针对零基础学员学习微信小程序开发的视频教学课程。课程采用腾讯官方文档作为教程的唯一技术资料来源。杜绝网络上质量良莠不齐的资料给学员学习带来的障碍。 视频课程按照开发工具的下载、安装、使用、程序结构、视图层、逻辑层、微信小程序等几个部分组织课程,详细讲解整个小程序的开发过程

面试了一个 31 岁程序员,让我有所触动,30岁以上的程序员该何去何从?

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

基于RSA通信密钥分发的加密通信

基于RSA通信密钥分发的加密通信,采用pycrypto中的RSA、AES模块实现

不同变质程度煤尘爆炸残留气体特征研究

为分析不同变质程度煤尘爆炸残留气体成分的特征规律,利用水平管道煤尘爆炸实验装置进行了贫瘦煤、肥煤、气煤、长焰煤4种不同变质程度的煤尘爆炸实验,研究了不同变质程度煤尘爆炸后气体残留物含量的差异,并对气体

设计模式(JAVA语言实现)--20种设计模式附带源码

课程亮点: 课程培训详细的笔记以及实例代码,让学员开始掌握设计模式知识点 课程内容: 工厂模式、桥接模式、组合模式、装饰器模式、外观模式、享元模式、原型模型、代理模式、单例模式、适配器模式 策略模式、模板方法模式、观察者模式、迭代器模式、责任链模式、命令模式、备忘录模式、状态模式、访问者模式 课程特色: 笔记设计模式,用笔记串连所有知识点,让学员从一点一滴积累,学习过程无压力 笔记标题采用关键字标识法,帮助学员更加容易记住知识点 笔记以超链接形式让知识点关联起来,形式知识体系 采用先概念后实例再应用方式,知识点深入浅出 提供授课内容笔记作为课后复习以及工作备查工具 部分图表(电脑PC端查看):

MySQL数据库面试题(2020最新版)

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

软件测试2小时入门

本课程内容系统、全面、简洁、通俗易懂,通过2个多小时的介绍,让大家对软件测试有个系统的理解和认识,具备基本的软件测试理论基础。 主要内容分为5个部分: 1 软件测试概述,了解测试是什么、测试的对象、原则、流程、方法、模型;&nbsp; 2.常用的黑盒测试用例设计方法及示例演示;&nbsp; 3 常用白盒测试用例设计方法及示例演示;&nbsp; 4.自动化测试优缺点、使用范围及示例‘;&nbsp; 5.测试经验谈。

几率大的Redis面试题(含答案)

本文的面试题如下: Redis 持久化机制 缓存雪崩、缓存穿透、缓存预热、缓存更新、缓存降级等问题 热点数据和冷数据是什么 Memcache与Redis的区别都有哪些? 单线程的redis为什么这么快 redis的数据类型,以及每种数据类型的使用场景,Redis 内部结构 redis的过期策略以及内存淘汰机制【~】 Redis 为什么是单线程的,优点 如何解决redis的并发竞争key问题 Red...

手把手实现Java图书管理系统(附源码)

【超实用课程内容】 本课程演示的是一套基于Java的SSM框架实现的图书管理系统,主要针对计算机相关专业的正在做毕设的学生与需要项目实战练习的java人群。详细介绍了图书管理系统的实现,包括:环境搭建、系统业务、技术实现、项目运行、功能演示、系统扩展等,以通俗易懂的方式,手把手的带你从零开始运行本套图书管理系统,该项目附带全部源码可作为毕设使用。 【课程如何观看?】 PC端:https://edu.csdn.net/course/detail/27513 移动端:CSDN 学院APP(注意不是CSDN APP哦) 本课程为录播课,课程2年有效观看时长,大家可以抓紧时间学习后一起讨论哦~ 【学员专享增值服务】 源码开放 课件、课程案例代码完全开放给你,你可以根据所学知识,自行修改、优化

jsp+servlet入门项目实例

jsp+servlet实现班级信息管理项目

winfrom中嵌套html,跟html的交互

winfrom中嵌套html,跟html的交互,源码就在里面一看就懂,很简单

Java面试题大全(2020版)

发现网上很多Java面试题都没有答案,所以花了很长时间搜集整理出来了这套Java面试题大全,希望对大家有帮助哈~ 本套Java面试题大全,全的不能再全,哈哈~ 一、Java 基础 1. JDK 和 JRE 有什么区别? JDK:Java Development Kit 的简称,java 开发工具包,提供了 java 的开发环境和运行环境。 JRE:Java Runtime Environ...

python实现数字水印添加与提取及鲁棒性测试(GUI,基于DCT,含测试图片)

由python写的GUI,可以实现数字水印的添加与提取,提取是根据添加系数的相关性,实现了盲提取。含有两种攻击测试方法(高斯低通滤波、高斯白噪声)。基于python2.7,watermark.py为主

Xshell6完美破解版,亲测可用

Xshell6破解版,亲测可用,分享给大家。直接解压即可使用

你连存活到JDK8中著名的Bug都不知道,我怎么敢给你加薪

CopyOnWriteArrayList.java和ArrayList.java,这2个类的构造函数,注释中有一句话 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 public ArrayList(Collection&lt;? ...

相关热词 c#中如何设置提交按钮 c#帮助怎么用 c# 读取合并单元格的值 c#带阻程序 c# 替换span内容 c# rpc c#控制台点阵字输出 c#do while循环 c#调用dll多线程 c#找出两个集合不同的
立即提问