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"            
        }
    ]
}

3个回答

var obj = new Array();
var xObj = new Array();
for(var a of data){
xObj.push = a.title;
obj.push = a.value;
}
然后在option里面
x轴的 data:xObj,
数据 data:obj,

ajax 语句如果用默认的异步的话,那么需要将 echarts 绘图的代码放在回调函数中。
ajax 响应的数据如果是标准的 echarts 图数据,可以直接将结果赋值给 echarts 的 series 属性,都在按规则手动转换。

dabocaiqq
请你们大家多多姿瓷我菠菜菌 傻小宝,回答半天人家不采纳你。快回答我的问题吧
3 个月之前 回复

将后端返回的json数据封装成echarts中 series的data要求的数据结构,然后将值赋给这个data就可以了。 option.series.data=parseResult(data);
定义一个parseResult方法,解析返回的json数据。echarts图表只要按照要显示的效果填充数据就可以的,官方有很多示例,示例里面有对应的格式
显示的效果。之前不是声明了一个option吗,在myChart.setOption(option, true)之前把数据给到data就可以了

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
ajax的值怎样传递到echarts中
在ajax中两个数组,分别是arr1,arr2;怎样将数组分别传递到echarts中的nodes:[]和links:[]中?求详细源码! 部分源码 ``` <div id="main" style="height:500px;"></div> <script src="./js/echarts.js" ></script> <script src="./js/jquery-1.8.3.min.js" ></script> <script> var arr1 = []; var arr2 = []; $.ajax({ type:"POST", async:false, url:"mapdata.php", dataType:"json", success: function(result){ var str = result; for (var i = 0; i < str.length; i++) { arr1.push("{"+"category:"+str[i].category,"name:'"+str[i].name+"'","value:"+str[i].value+"}"); } //document.write(arr1); for (var i = 0; i < str.length; i++) { arr2.push("{"+"source:'"+str[i].source+"'","target:'"+str[i].target+"'","weight:"+str[i].weight,"name:'"+str[i].name_nexus+"'"+"}"); } //document.write(arr2); }, error:function(errorMsg){ alert("请求数据失败!"); }, }); require.config({ paths:{ echarts:'./js' } }); require( [ 'echarts', 'echarts/chart/force' ], function(ec){ var myChart = ec.init(document.getElementById("main")); var option = { title : { text: '人物关系:葛优', x:'right', y:'bottom' }, tooltip : { trigger: 'item', formatter: '{a} : {b}' }, legend: { x: 'left', data:['家人','朋友'] }, series : [ { type:'force', name : "人物关系", ribbonType: false, categories : [ { name: '人物' }, { name: '家人' }, { name:'朋友' } ], itemStyle: { normal: { label: { show: true, textStyle: { color: '#333' } }, nodeStyle : { brushType : 'both', borderColor : 'rgba(255,215,0,0.4)', borderWidth : 1 }, linkStyle: { type: 'curve' } }, emphasis: { label: { show: false }, nodeStyle : { //r: 30 }, linkStyle : {} } }, useWorker: false, minRadius : 15, maxRadius : 25, gravity: 1.1, scaling: 1.1, roam: 'move', nodes:[ arr1 ], links : [ ] } ] }; myChart.setOption(option); } ); </script> ``` arr1值为 ![图片说明](https://img-ask.csdn.net/upload/201607/18/1468831970_199619.png) arr2值为![图片说明](https://img-ask.csdn.net/upload/201607/18/1468832031_557252.png)
echarts的迁徙图ajax获取数据如何放入markline中
在做echarts的迁徙图,如果想用AJAX向后台请求数据,如果后台获取到了比如 [ [‘北京','上海',200], [‘北京’,'深圳',150] ] 这样的数据,对应放到series中markline中的 data:[ [{name:'北京'}, {name:'上海',value:200}], [{name:'北京'}, {name:'深圳',value:150}] ] 要怎么样实现呢?谢谢
vue中echarts图无法渲染
我在父组件中定义了一个容器,然后定义了echarts图的基本配置项,在created中调用一个方法,获取后台数据,然后将数据传递到子组件中渲染echarts图,现在数据都能成功传递,但是一直无法成功渲染echarts图 以下为父组件代码 ``` // 父组件代码 <template> <div> <div class="leftChart"> <linegraph :id="'leftChart'" :data="option1" style="height:330px;width:100%"></linegraph> </div> </div> </template> <script> // 引入子组件 import linegraph from "./EchartsShow.vue"; // 引入网络请求方法 import { getSumData } from "@/api/crd/orgLimitView/orgView" export default { data () { return { // echarts图基本配置项,未定义具体数据 option1: { title: { text: '授信额度结构', subtext: '行业维度', x: 'center', top: '3%' }, tooltip: { trigger: 'item', formatter: "{a} <br/>{b} : {c} ({d}%)" }, legend: { orient: 'vertical', left: '2%', top: '2%' }, series: [ { name: '行业', type: 'pie', radius: '55%', center: ['50%', '55%'], itemStyle: { emphasis: { shadowBlur: 10, shadowOffsetX: 0, shadowColor: 'rgba(0, 0, 0, 0.5)' } } } ] }, } }, created () { this.getSum() }, methods: { getSum () { // 调用get请求方法,获取后台数据,由于进度问题,目前只能传递固定的参数,才能获取到测试数据 getSumData('1', '01000').then(res => { if (res.status != 200) { return this.$message.error('获取数据失败,请重试') } const datas = res.data.data // 由于拿到的数据非常复杂繁多,需要进行一些处理,才能拿到需要的数据 this.option1.legend.data = this.tableDatas.map(item => { // 由于后台拿到的数据,都是数字类的码值,this.dicInd[item.industry] 用来翻译后台数据 return this.dicInd[item.industry] }) this.option1.series[0].data = this.tableDatas.map(item => { return { value: item.approveExpAmount, name: this.dicInd[item.industry] } }) console.log(this.option1.legend.data, '行业'); console.log(this.option1.series[0].data, '行业带数据'); }) } }, components: { linegraph } } </script> ``` 以下为子组件代码 ``` // 子组件代码 <template> <div v-bind:id="id" v-bind:data="data"></div> </template> <script> import echarts from "echarts"; export default { name: "echartsShow", data () { return { ChartLineGraph: null }; }, // 深度监听 父组件刚开始没有值,只有图标的配置项 // 父组件ajax请求后改变数据的值,传递过来,图标已生成,监听传过来的值的改变 watch: { data: { deep: true, handler: function (newVal, oldVal) { if (newvalue) { this.drawLineGraph(this.id, newVal) } else { this.drawLineGraph(this.id, oldVal) } } } }, props: ["id", "data"], created() { console.log(this.data, '打印传递过来的图表数据') }, mounted () { this.drawLineGraph(this.id, this.data); console.log(this.id, '打印id值') console.log(this.data, '打印data值') }, methods: { drawLineGraph (id, data) { let _this = this; let myChart = document.getElementById(id); this.ChartLineGraph = echarts.init(myChart); this.ChartLineGraph.setOption(data); window.addEventListener("resize", function () { _this.ChartLineGraph.resize(); }); } }, beforeDestroy () { if (this.ChartLineGraph) { this.ChartLineGraph.clear(); } } }; </script> ``` 从后台获取数据后,成功传递给子组件,但是echarts无法成功渲染 ![图片说明](https://img-ask.csdn.net/upload/202001/07/1578384445_959195.png) ![图片说明](https://img-ask.csdn.net/upload/202001/07/1578384684_683561.png) ![图片说明](https://img-ask.csdn.net/upload/202001/07/1578384616_880352.png) ![图片说明](https://img-ask.csdn.net/upload/202001/07/1578384792_786796.png) 经过多次尝试,我遇到了一个奇怪的问题 ![图片说明](https://img-ask.csdn.net/upload/202001/07/1578385072_241075.png) ![图片说明](https://img-ask.csdn.net/upload/202001/07/1578385147_470918.png) 求各位大佬指点,我的代码哪个地方写错了,如何才能成功渲染echarts
echarts 的迁徙图在通过ajax 请求完数据后,怎么把数据塞进options中呢?
function getmyChartData() { var options = myChart.getOption(); $.ajax({ url : url, type : 'post', dataType : "JSON", // data : {}, success: function(response) { var lineData = response.lineDate; //平行线的值 var roundData = response.roundDate; //点的值 // alert(lineData); options.series[1].markLine[0].data = lineData; options.series[1].markPoint[0].data = roundData; myChart = echarts.init(document.getElementById('main')); myChart.setOption(options); myChart.hideLoading(); }, error : function(errorMsg) { myChart.hideLoading(); } }); }
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怎样用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)
echarts值已经给data了就是不显示效果
$(document).ready(function () { console.log("不是缓存,jquery加载"); function setOption(datas) { var myChart = echarts.init(document.getElementById('china-map')); var option = { title: { text: '', subtext: '', x: 'center' }, tooltip: {//提示框组件。 trigger: 'item'//数据项图形触发,主要在散点图,饼图等无类目轴的图表中使用。 }, legend: { orient: 'horizontal',//图例的排列方向 x: 'left',//图例的位置 data: ['全国分布'] }, visualMap: {//颜色的设置 dataRange x: 'left', y: 'center', splitList: [ {start: 1500}, {start: 900, end: 1500}, {start: 310, end: 1000}, {start: 200, end: 300}, {start: 10, end: 200, label: '10 到 200(自定义label)'}, {start: 5, end: 5, label: '5(自定义特殊颜色)', color: 'black'}, {end: 10} ], // min: 0, // max: 2500, // calculable : true,//颜色呈条状 text: ['客流量高', '客流量低'],// 文本,默认为数值文本 color: ['#E0022B', '#E09107', '#A3E00B'] }, toolbox: {//工具栏 show: true, orient: 'vertical',//工具栏 icon 的布局朝向 x: 'right', y: 'center', feature: {//各工具配置项。 mark: {show: true}, dataView: {show: true, readOnly: false},//数据视图工具,可以展现当前图表所用的数据,编辑后可以动态更新。 restore: {show: true},//配置项还原。 saveAsImage: {show: true}//保存为图片。 } }, roamController: {//控制地图的上下左右放大缩小 图上没有显示 show: true, x: 'right', mapTypeControl: { 'china': true } }, series: [ { name: '订单量', type: 'map', mapType: 'china', roam: false,//是否开启鼠标缩放和平移漫游 itemStyle: {//地图区域的多边形 图形样式 normal: {//是图形在默认状态下的样式 label: { show: true,//是否显示标签 textStyle: { color: "rgb(249, 249, 249)" } } }, emphasis: {//是图形在高亮状态下的样式,比如在鼠标悬浮或者图例联动高亮时 label: {show: true} } }, top: "3%",//组件距离容器的距离 data: datas } ] }; console.log(option.series[0].data[0].value); } myChart.setOption(option); var datas = []; function getMapData() { $.ajax({ type: "post", url: "${link.contextPath}/shops/selectShopMap", dataType: "json", success: function (result) { if (result) { console.log(result); for (var i = 0; i < result.length; i++) { var sname = result[i].name; var svalue = result[i].value; var datashop = {name: sname, value: svalue} datas.push(datashop); } console.log(datas); setOption(datas);//执行setOption函数。传参 /* myChart.setOption({ series: [{ data: datas }], });*/ } }, error: function () { alert("错误"); myChart.hideLoading(); } }); myChart.on('mouseover', function (params) { var dataIndex = params.dataIndex; console.log(params); }); } getMapData(); }) ![图片说明](https://img-ask.csdn.net/upload/201812/29/1546069892_358309.png) console.log(option.series[0].data[0].value); ![图片说明](https://img-ask.csdn.net/upload/201812/29/1546070027_782008.png) ![图片说明](https://img-ask.csdn.net/upload/201812/29/1546069909_163759.png)
Echarts 3.7.2 当x轴为time 第一次加载后怎么动态的给折线图添加数据
第一次初始化玩Echarts后,调用ajax获取数据后 通过option.series[0].data.push(data) 然后调用 myChart.setOption(option) 折线图并没有追加数据点。看了官网的例子是可 以的,不过官网的是类目轴 不知道是不是time类型的怎么追加数据,
echarts动态获取后台数据
一.现在我有JSP页面,页面里面有个div中有一个panel面板,面板种面嵌入的map地图。 ``` <div class="panel panel-default"> <div class="panel-heading"><h3 class="panel-title"><i class="fa fa-bar-chart-o fa-fw"></i>中国地图 </h3></div> <div class="panel-body"> <div style="mini-width:400px;height:350px" data-toggle="echarts" data-type="map" data-url="pop/echarts-mapData.html"></div> </div> </div> </div> ``` 二。其中,data-url="pop/echarts-mapData.html",引入的是一个外部html页面,但是里面是死数据,并且是JSON格式的数据。代码如下: ``` { "tooltip": { "trigger": "item" }, "setTheme": { "theme": "macarons" }, "legend": { "orient": "vertical", "x": "left", "data": [ "党员人数" ] }, "dataRange": { "min": 0, "max": 300, "x": "left", "y": "bottom", "text": [ "高", "低" ], "calculable": true }, "toolbox": { "show": true, "orient": "vertical", "x": "right", "y": "center", "feature": { "mark": { "show": true }, "dataView": { "show": true, "readOnly": false }, "restore": { "show": true }, "saveAsImage": { "show": true } } }, "series": [ { "name": "党员人数", "type": "map", "mapType": "重庆|江北区", "roam": false, "itemStyle": { "normal": { "label": { "show": true } }, "emphasis": { "label": { "show": true } } }, "data": [ { "name": "江北区", "value": 299 } ] } ] } ``` 三。很明显,↑↑↑↑↑↑上面的代码直接就是地图里面的各种参数(虽然数据是死的)。 图片效果如下: ![图片说明](https://img-ask.csdn.net/upload/201711/08/1510132266_325728.png) 问题: echarts的官网我也逛过多次了,但是例子都是新建的一个html网页,在里面加入的js代码,并配合ajax请求获取的后台数据。但是这样的话,加载出来的地图却是一个单独的html网页效果而已,并不能达到我嵌入JSP页面的div中这样的效果。 所以,请教各位能伸出援手,帮帮忙。---我的目的就是想,不要单独的一个html页面,而是就像上面的死数据一样,嵌入在JSP页面中,只是数据变为从后台获取而已。
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制作饼图没有显示。
用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 饼状图动态加载数据 图形不显示
function Get() { $.ajax({ type: "post", url: "@Url.Action("GetPieSeriesData", "ChartReport")", dataType: "text", data: { deptID: 1012 }, success: function (d) { var data = $.parseJSON(d); var arrNum = []; for (var i = 0; i < data.body.length; i++) { arrNum.push({ value: data.body[i].Value, name: data.body[i].Name }); } alert(JSON.stringify(arrNum)) return arrNum; }, error: function () { $.alter.error("数据结构加载失败!"); } }); } $(function () { var $tab1 = document.getElementById("tab1-container"); var tab2Option = { 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%', roseType: 'angle', data:Get(), itemStyle: { emphasis: { shadowBlur: 10, shadowOffsetX: 0, shadowColor: 'rgba(0, 0, 0, 0.5)' } } }] }; echarts.dispose($tab1); var tab1Table = echarts.init($tab1); tab1Table.setOption(tab2Option,true);
echarts获取mysql中的数据可视化,legend怎么才能跟柱状图的颜色对应起来?
``` <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/"; %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <base href="<%=basePath%>"> <title>My JSP 'echart.jsp' starting page</title> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="This is my page"> <!-- <link rel="stylesheet" type="text/css" href="styles.css"> --> <script type="text/javascript" src="http://echarts.baidu.com/build/dist/echarts.js"></script> <script type="text/javascript" src="jquery.min.js"></script> <script type="text/javascript"> // 路径配置 require.config({ paths : { echarts : 'http://echarts.baidu.com/build/dist' } }); // 使用 require([ 'echarts', 'echarts/chart/bar' ,'echarts/chart/line'// 使用柱状图就加载bar模块,按需加载 ], drewEcharts ); function drewEcharts(ec) { // 基于准备好的dom,初始化echarts图表 var myChart = ec.init(document.getElementById('main')); var option = { color: ['#008b00', '#ffff00', '#ff7f00', '#cd0000','#0000cd'],//绿色,黄色,橙色,红色,蓝色 title:{ text: 'DECG', subtext: '物理量待定' }, //提示样式 tooltip : { show : true, trigger: 'axis', axisPointer: { //坐标轴指示器 crossStyle: { color: '#999' } } }, legend : { data: [{name: 'Good',textStyle:{color: '#008b00'}}, {name:'Watch',textStyle:{color: '#ffff00'}}, {name: 'Warning',textStyle:{color:'#ff7f00'}}, {name:'Abnormal value',textStyle:{color:'#cd0000'}}, {name:'Baseline',textStyle:{color:'#0000cd'}} ], orient: 'horizontal', x: 'center', y: 'bottom', padding: 0, itemWidth: 10, textStyle: { fontWeight: 'bold', fontSize:14 } }, grid: { left: '3%', right: '2%', top: '8%', bottom: '2%', containLable: true }, toolbox: { show : true, feature : { dataView : {show: true, readOnly: false}, magicType : {show: true, type: ['line', 'bar']}, restore : {show: true}, saveAsImage : {show: true} } }, calculable : true, xAxis : [ { type : 'category', //设置轴线属性 axisLine:{ lineStyle:{ color: '#4d4d4d' } }, axisLabel: { //x轴字体样式 interval:0, rotate:70, margin:2, textstyle: { color:"#222", fontSize: '16' }}, data :(function(){ var arr=[]; $.ajax({ type : "post", async : false, //同步执行 url : "bar.do", //web.xl中注册的Servlet的url-pattern data : {}, dataType : "json", //返回数据形式为json success : function(result) { if (result) { for(var i=0;i<result.length;i++){ console.log(result[i].name); arr.push(result[i].name); } } }, error : function(errorMsg) { alert("图表请求数据失败!"); myChart.hideLoading(); } }) return arr; })() }], yAxis : [ { type : 'value', name: 'F/N', nameTextStyle:{//坐标轴标签设置 fontWeight: 'bold', fontiSize: '28' }, interval: 10, fontSize: '20', axisLine: { lineStyle:{ color: '#4d4d4d' } }, axisLabel: {//y轴字体样式 formatter: '{value}', textStyle: { color:"#222", fontSize: '16' } } }], series : [{ name : 'Good', type : 'bar', barGap: '1%', barCategoryGap: '10%', itemStyle:{ normal:{ color: function(params){ var index_num = params.data; //alert(param.value); if (index_num < 30){ return '#008b00'; //绿色 }else if (index_num>=30 && index_num<50){ return '#ffff00'; //黄色 }else if (index_num>=50 && index_num<60){ return '#ff7f00'; //橙色 }else{ return '#cd0000'; //红色 } } }, }, //barWidth: 10, data :(function(){ var arr=[]; $.ajax({ type : "post", async : false, //同步执行 url : "bar.do", data : {}, dataType : "json", //返回数据形式为json success : function(result) { if (result) { for(var i=0;i<result.length;i++){ console.log(result[i].num); arr.push(result[i].num); } } }, error : function(errorMsg) { alert("不好意思,大爷,图表请求数据失败啦!"); myChart.hideLoading(); } }) return arr; })() } , { name : 'Watch', type : 'bar', barGap: '1%', barCategoryGap: '10%', itemStyle:{ normal:{ color: function(params){ var index_num = params.data; //alert(param.value); if (index_num>=30 && index_num<50){ return '#ffff00'; //绿色 }else if (index_num < 30){ return '#008b00'; //黄色 }else if (index_num>=50 && index_num<60){ return '#ff7f00'; //橙色 }else{ return '#cd0000'; //红色 } } }, }, //barWidth: 10, data :(function(){ var arr=[]; $.ajax({ type : "post", async : false, //同步执行 url : "bar.do", data : {}, dataType : "json", //返回数据形式为json success : function(result) { if (result) { for(var i=0;i<result.length;i++){ console.log(result[i].num); arr.push(result[i].num); } } }, error : function(errorMsg) { alert("不好意思,大爷,图表请求数据失败啦!"); myChart.hideLoading(); } }) return arr; })() }, { name : 'Warning', type : 'bar', barGap: '1%', barCategoryGap: '10%', itemStyle:{ normal:{ color: function(params){ var index_num = params.data; //alert(param.value); if (index_num < 30){ return '#008b00'; //绿色 }else if (index_num>=30 && index_num<50){ return '#ffff00'; //黄色 }else if (index_num>=50 && index_num<60){ return '#ff7f00'; //橙色 }else{ return '#cd0000'; //红色 } } }, }, //barWidth: 10, data :(function(){ var arr=[]; $.ajax({ type : "post", async : false, //同步执行 url : "bar.do", data : {}, dataType : "json", //返回数据形式为json success : function(result) { if (result) { for(var i=0;i<result.length;i++){ console.log(result[i].num); arr.push(result[i].num); } } }, error : function(errorMsg) { alert("不好意思,大爷,图表请求数据失败啦!"); myChart.hideLoading(); } }) return arr; })() }, { name : 'Abnormal value', type : 'bar', barGap: '1%', barCategoryGap: '10%', itemStyle:{ normal:{ color: function(params){ var index_num = params.data; //alert(param.value); if (index_num < 30){ return '#008b00'; //绿色 }else if (index_num>=30 && index_num<50){ return '#ffff00'; //黄色 }else if (index_num>=50 && index_num<60){ return '#ff7f00'; //橙色 }else{ return '#cd0000'; //红色 } } }, }, //barWidth: 10, data :(function(){ var arr=[]; $.ajax({ type : "post", async : false, //同步执行 url : "bar.do", data : {}, dataType : "json", //返回数据形式为json success : function(result) { if (result) { for(var i=0;i<result.length;i++){ console.log(result[i].num); arr.push(result[i].num); } } }, error : function(errorMsg) { alert("不好意思,大爷,图表请求数据失败啦!"); myChart.hideLoading(); } }) return arr; })() }, { name: 'Baseline', type: 'line', smooth:true, yAxisIndex: 0, symbolSize:0, //拐点圆的大小 itemStyle:{ normal:{ color: '#0000cd', } }, data: [53,30,29,40,18,30,9,17,64,30,48,12,30,38,20,31,38,53,38,51,9,17] } ], //控制每次只显示固定柱子数目 dataZoom:[{ type:'inside',//inside,slider此处只列举inside start:0, end:9,//dataZoom-inside.start 和 dataZoom-inside.end 共同用 百分比 的形式定义了数据窗口范围。 xAxisIndex:0,//不指定时,当 dataZoom-inside.orient 为 'horizontal'时,默认控制和 dataZoom 平行的第一个 xAxis。但是不建议使用默认值,建议显式指定。 filterMode:'none',//dataZoom 的运行原理是通过 数据过滤 来达到 数据窗口缩放 的效果。数据过滤模式的设置不同,效果也不同。('filter','weakfilter','empty','none')http://echarts.baidu.com/option.html#dataZoom-inside zoomLock:true,//只能拖动不可缩放,若无需禁止缩放设置为false或者去除即可 }] }; myChart.setOption(option); // 为echarts对象加载数据 myChart.setOption(option); } sideBarChart.resize();//修改echarts容器大小 </script> </head> <body> <div id="main" style="height: 550px; width: 1100px"></div> </body> </html> ``` 在mysql中取出数据后,按照数值范围对数据进行分类,不同类别的数据显示不同颜色的柱子。 实现结果: ![图片说明](https://img-ask.csdn.net/upload/201907/16/1563266320_869864.png) 求教大神 怎么修改代码,让legend显示与柱子对应的颜色?
利用ajax动态的提取mysql中的数据,并且在前端页面中展示出来
代码如下: 前端html: ``` <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <!--<script type="text/javascript" src="jquery.js"></script>--> <script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/echarts.min.js"></script> <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script> <body> <div id="main" style="width: 600px;height:400px;"></div> </body> </html> <script> var app = { xvalue: [], yvalue: [], z:[], }; // 发送ajax请求,从后台获取json数据 $(document).ready(function () { getData(); console.log(app.value1); console.log(app.timepoint) console.log(app.predictvalue1) }); function getData() { $.ajax({ url: '/test', data: {}, type: 'POST', async: false, dataType: 'json', success: function (data) { app.value1 = data.value1; app.predictvalue1=data.predictvalue1; value1 = app.value1; predictvalue1=app.predictvalue1; function trueData(i) { now = new Date(+now + oneDay); value = value1[i]; return { name: now.toString(), value: [ [now.getFullYear(), now.getMonth() + 1, now.getDate()].join('/'), Math.round(value) ] } } function predictData(i) { now1 = new Date(+now1 + oneDay); predictvalue = predictvalue1[i]; return { name: now1.toString(), value: [ [now1.getFullYear(), now1.getMonth() + 1, now1.getDate()].join('/'), Math.round(predictvalue) ] } } var data = []; var predictdata=[]; var now = +new Date(1997, 9, 3); var now1 = +new Date(1997, 9, 4); var oneDay = 24 * 3600 * 1000; for (var i = 0; i < value1.length; i++) { data.push(trueData(i)); } for (var i = 0; i < predictvalue1.length; i++) { predictdata.push(predictData(i)); } // 基于准备好的dom,初始化echarts实例 var myChart = echarts.init(document.getElementById('main')); option = { title: { text: '动态数据 + 时间坐标轴' }, tooltip: { trigger: 'axis', formatter: function (params) { params = params[0]; var date = new Date(params.name); return date.getDate() + '/' + (date.getMonth() + 1) + '/' + date.getFullYear() + ' : ' + params.value[1]; }, axisPointer: { animation: false } }, xAxis: { type: 'time', splitLine: { show: false } }, yAxis: { type: 'value', boundaryGap: [0, '100%'], splitLine: { show: false } }, series: [{ name: '真实数据', type: 'line', showSymbol: false, hoverAnimation: false, data: [], markLine: { itemStyle: { normal: { borderWidth: 1, lineStyle: { type: "dash", color: 'red', width: 2 }, show: true, color: '#4c5336' } }, data: [{ yAxis: 900 }] } }, { name: '预测数据', type: 'line', showSymbol: false, hoverAnimation: false, data: [], markLine: { itemStyle: { normal: { borderWidth: 1, lineStyle: { type: "dash", color: 'blue', width: 2 }, show: true, color: '#4c5336' } }, data: [{ yAxis: 900 }] } }] }; // 使用刚指定的配置项和数据显示图表。 myChart.setOption(option); setInterval(function () { for (var i = 0; i < 1; i++) { data.shift(); data.push(trueData(i)); } for (var i = 0; i < 1; i++) { predictdata.shift(); predictdata.push(predictData(i)); } myChart.setOption({ series: [{ data: data }, { data: predictdata }] }); }, 1000); } }) } </script> </body> </html> ``` 后端py,用的是flask框架: ``` import MySQLdb from flask import Flask, render_template, url_for import pymysql import pandas as pd import numpy as np from pandas import read_csv import matplotlib.pyplot as plt from sklearn.preprocessing import MinMaxScaler from sklearn.metrics import mean_squared_error from keras.models import Sequential from keras.layers import LSTM, Dense, Activation,Dropout import json import operator from functools import reduce import math import tensorflow as tf from keras import initializers import time # 生成Flask实例 app = Flask(__name__) @app.route("/") def hello(): return render_template('new_file.html') # /test路由 接收前端的Ajax请求 @app.route('/test', methods=['POST']) def my_echart(): # 连接数据库 conn = MySQLdb.connect(host='127.0.0.1', port=3306, user='root', passwd='123456', db='test', charset='utf8') cur = conn.cursor() sql = 'SELECT timepoint,value1 from timeseries' cur.execute(sql) u = cur.fetchall() timepoint = [] value1 = [] for data in u: value1.append(data[1]) timepoint.append(data[0]) print(value1) # 转换成json格式 jsonData = {} jsonData['value1'] = value1 jsonData['timepoint']=timepoint # json.dumps()用于将dict类型的数据转换成str,因为如果直接将dict类型的数据写入json会报错,因此将数据写入时需要用到此函数 j = json.dumps(jsonData) cur.close() conn.close() # 在浏览器上渲染my_template.html模板(为了查看输出数据) return (j) if __name__ == '__main__': app.run(debug=True,port='5000') ``` 返回的数据是从mysql中读取的,现在我想用ajax的方法定时请求数据库的下一个数据到达前台,并且刷新页面显示出来,应该怎么修改代码? 数据库如下: ![图片说明](https://img-ask.csdn.net/upload/201905/24/1558685991_221903.jpg)
ECharts两组数据,数据量不同,当鼠标移动只有一组数据的地方的时候会报错
如题,我需要用Echarts做个折线图,里面有两组数据,但是其中一组数据的数据量较少,到了后面会只有一剩一组数据,当鼠标一上去的时候就会报错 以下是代码 js ``` $(function(){ $("#try").click(getData); }) function getData(){ var name = $("#try").val(); set_dates(name); set_prices1(name); set_prices2("诚德"); show_line(); } function set_dates(name){ $.ajax({ "url":path+"/stock/dates.do", "type":"post", "dataType":"json", "data":{"name":name}, "success":function(result){ if(result.state==0){ var dates = result.data; addCookie("dates",dates,2); } }, "error":function(){ console.log("获取失败"); } }) } function set_prices1(name){ $.ajax({ "url":path+"/stock/prices.do", "type":"post", "dataType":"json", "data":{"name":name}, "success":function(result){ if(result.state==0){ var prices = result.data; console.log(prices); addCookie("prices1",prices,2); } }, "error":function(){ console.log("获取失败"); } }) } function set_prices2(name){ $.ajax({ "url":path+"/stock/prices.do", "type":"post", "dataType":"json", "data":{"name":name}, "success":function(result){ if(result.state==0){ var prices = result.data; console.log(prices); addCookie("prices2",prices,2); } }, "error":function(){ console.log("获取失败"); } }) } ``` jsp ``` <%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> <html> <head> <script type="text/javascript" src="echarts/jquery.min.js"></script> <script type="text/javascript" src="echarts/echarts.js"></script> <script type="text/javascript" src="scripts/for.js"></script> <script type="text/javascript" src="scripts/cookie_util.js"></script> <script type="text/javascript" src="scripts/path.js"></script> </head> <body style="font-size: 30px;"> <!-- 为ECharts准备一个具备大小(宽高)的DOM --> <div id="main" style="width: 600px; height: 400px"></div> <input id="try" type="button" value="宏旺"> <script type="text/javascript"> //基于准备好的dom,初始化echarts实例 var myChart = echarts.init(document.getElementById("main")); //指定图表的配置项和数据 function show_line(){ var dates = getCookie("dates").split(","); var data2 = getCookie("prices1").split(","); var data1 = getCookie("prices2").split(",") console.log("日期集合为:"+dates); console.log("数字集合3为:"+data2); console.log("数字集合2为:"+data1); option = { title : { text : '折线对比图示例', left : 'center' }, tooltip : { trigger : 'axis', formatter:function(params)//数据格式 { var relVal = params[0].name+"<br/>"; relVal += params[0].seriesName+ ' : ' + params[0].value+"<br/>"; relVal +=params[1].seriesName+ ' : ' +params[1].value+"<br/>"; return relVal; } }, legend : { left : 'left', textStyle : { color : '#fff' }, data : [ '第2个数据', '第1个数据' ] }, grid : { left : '10%', right : '10%', bottom : '15%' }, xAxis : { type : 'category', name : 'x', axisLine : { onZero : false }, splitLine : { show : false }, splitLine : { show : false }, data : dates }, grid : { left : '3%', right : '4%', bottom : '3%', containLabel : true }, yAxis : { type : 'log', name : 'y', min:7000, max:15000, scale : true, splitArea : { show : true } }, dataZoom : [ { textStyle : { color : '#8392A5' }, handleIcon : 'M10.7,11.9v-1.3H9.3v1.3c-4.9,0.3-8.8,4.4-8.8,9.4c0,5,3.9,9.1,8.8,9.4v1.3h1.3v-1.3c4.9-0.3,8.8-4.4,8.8-9.4C19.5,16.3,15.6,12.2,10.7,11.9z M13.3,24.4H6.7V23h6.6V24.4z M13.3,19.6H6.7v-1.4h6.6V19.6z', handleSize : '80%', dataBackground : { areaStyle : { color : '#8392A5' }, lineStyle : { opacity : 0.8, color : '#8392A5' } }, handleStyle : { color : '#fff', shadowBlur : 3, shadowColor : 'rgba(0, 0, 0, 0.6)', shadowOffsetX : 2, shadowOffsetY : 2 } }, { type : 'inside' } ], series : [ { name : '第2个数据', type : 'line', data : data2, }, { name : '第1个数据', type : 'line', data : data1, }, ] }; //使用刚制定的配置项和数据显示图表 myChart.setOption(option); } </script> </body> </html> ``` 报错内容 ``` echartsDemo.jsp:42 Uncaught TypeError: Cannot read property 'seriesName' of undefined at formatter (echartsDemo.jsp:42) at ExtendedClass._showTooltipContent (echarts.js:58535) at ExtendedClass.<anonymous> (echarts.js:58415) at echarts.js:3357 at ExtendedClass._showOrMove (echarts.js:58329) at ExtendedClass._showAxisTooltip (echarts.js:58404) at ExtendedClass._tryShow (echarts.js:58301) at ExtendedClass.manuallyShowTip (echarts.js:58187) at callView (echarts.js:952) at ECharts.<anonymous> (echarts.js:946) ``` 第一次发表这种提问,语言组织能力有限,如果有大神看懂了,麻烦指导一下,谢谢
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; }
关于json与echarts的问题
第一段代码如下 ``` 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> ```
请问大神,Echarts如何点击div改变图的大小?
我想做到点击后放大,再点击缩小,请问该怎么做? 附上jsp ``` <%@ page contentType="text/html;charset=UTF-8"%> <%@ include file="/WEB-INF/views/include/taglib.jsp"%> <html> <head> <title>温度管理</title> </head> <div id="d" style="width: 150px; height: 68px;" ></div> <body> <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('d')) option = { title : { text : '实时温度', textStyle : { fontSize : 20, color : [ '#3398DB' ], } }, //颜色渐变 visualMap : { min : 0, max : 80, left : 'left', top : 'bottom', text : [ '高', '低' ], // 文本,默认为数值文本 calculable : true, inRange : { color : [ '#00FF00', '#32CD32', '#2E8B57', '#FF0000', '#B22222', '#8B0000' ] } }, color : [ '#3398DB' ], tooltip : { trigger : 'axis', axisPointer : { // 坐标轴指示器,坐标轴触发有效 type : 'shadow' // 默认为直线,可选为:'line' | 'shadow' }, feature : { mark : { show : true }, dataView : { show : true, readOnly : false }, restore : { show : true }, savaAsImage : { shwo : true } } }, grid : { left : '3%', right : '4%', bottom : '3%', containLabel : true }, grid : { y2 : 140 }, xAxis : [ { type : 'category', data : [], axisTick : { alignWithLabel : true }, axisLabel : { interval : 0, rotate : -30, } }, { type : 'category', data : [], axisTick : { alignWithLabel : true }, axisLabel : { interval : 0, rotate : -30, } } ], legend : { data : [ '当前温度' ] }, yAxis : [ { type : 'value' } ], series : [ { name : "", type : 'bar', barWidth : '60%', //顶部显示温度'top' label : { normal : { show : true, position : 'top' } }, data : [] } ] }; var tagId = []; var temperature = [];//温度信息 var addTime = [];//读取时间 var remarks = [];//备注信息 $.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); tagId.push(result[i].tagId); } myChart.setOption({ xAxis : [ { data : addTime }, { type : "category", data : remarks } ], series : [ { type : 'bar', data : temperature, //画直线 markLine : { data : [ { name : '起始', xAxis : 0, yAxis : 55 }, { name : '结束', value : 40, xAxis : 0, yAxis : 40 } ], } } ] }) } }); myChart.setOption(option); //打印数据 console.warn(remarks, addTime, temperature); </script> <script language="JavaScript"> function myrefresh() { window.location.reload(); } setTimeout('myrefresh()', 60000); //指定1分钟刷新一次 </script> </body> </html> ```
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); ```
终于明白阿里百度这样的大公司,为什么面试经常拿ThreadLocal考验求职者了
点击上面↑「爱开发」关注我们每晚10点,捕获技术思考和创业资源洞察什么是ThreadLocalThreadLocal是一个本地线程副本变量工具类,各个线程都拥有一份线程私有的数
程序员必须掌握的核心算法有哪些?
由于我之前一直强调数据结构以及算法学习的重要性,所以就有一些读者经常问我,数据结构与算法应该要学习到哪个程度呢?,说实话,这个问题我不知道要怎么回答你,主要取决于你想学习到哪些程度,不过针对这个问题,我稍微总结一下我学过的算法知识点,以及我觉得值得学习的算法。这些算法与数据结构的学习大多数是零散的,并没有一本把他们全部覆盖的书籍。下面是我觉得值得学习的一些算法以及数据结构,当然,我也会整理一些看过...
《奇巧淫技》系列-python!!每天早上八点自动发送天气预报邮件到QQ邮箱
此博客仅为我业余记录文章所用,发布到此,仅供网友阅读参考,如有侵权,请通知我,我会删掉。 补充 有不少读者留言说本文章没有用,因为天气预报直接打开手机就可以收到了,为何要多此一举发送到邮箱呢!!!那我在这里只能说:因为你没用,所以你没用!!! 这里主要介绍的是思路,不是天气预报!不是天气预报!!不是天气预报!!!天气预报只是用于举例。请各位不要再刚了!!! 下面是我会用到的两个场景: 每日下
面试官问我:什么是消息队列?什么场景需要他?用了会出现什么问题?
你知道的越多,你不知道的越多 点赞再看,养成习惯 GitHub上已经开源 https://github.com/JavaFamily 有一线大厂面试点脑图、个人联系方式,欢迎Star和完善 前言 消息队列在互联网技术存储方面使用如此广泛,几乎所有的后端技术面试官都要在消息队列的使用和原理方面对小伙伴们进行360°的刁难。 作为一个在互联网公司面一次拿一次Offer的面霸,打败了无数
8年经验面试官详解 Java 面试秘诀
    作者 | 胡书敏 责编 | 刘静 出品 | CSDN(ID:CSDNnews) 本人目前在一家知名外企担任架构师,而且最近八年来,在多家外企和互联网公司担任Java技术面试官,前后累计面试了有两三百位候选人。在本文里,就将结合本人的面试经验,针对Java初学者、Java初级开发和Java开发,给出若干准备简历和准备面试的建议。   Java程序员准备和投递简历的实
究竟你适不适合买Mac?
我清晰的记得,刚买的macbook pro回到家,开机后第一件事情,就是上了淘宝网,花了500元钱,找了一个上门维修电脑的师傅,上门给我装了一个windows系统。。。。。。 表砍我。。。 当时买mac的初衷,只是想要个固态硬盘的笔记本,用来运行一些复杂的扑克软件。而看了当时所有的SSD笔记本后,最终决定,还是买个好(xiong)看(da)的。 已经有好几个朋友问我mba怎么样了,所以今天尽量客观
程序员一般通过什么途径接私活?
二哥,你好,我想知道一般程序猿都如何接私活,我也想接,能告诉我一些方法吗? 上面是一个读者“烦不烦”问我的一个问题。其实不止是“烦不烦”,还有很多读者问过我类似这样的问题。 我接的私活不算多,挣到的钱也没有多少,加起来不到 20W。说实话,这个数目说出来我是有点心虚的,毕竟太少了,大家轻喷。但我想,恰好配得上“一般程序员”这个称号啊。毕竟苍蝇再小也是肉,我也算是有经验的人了。 唾弃接私活、做外
大学四年自学走来,这些珍藏的「实用工具/学习网站」我全贡献出来了
知乎高赞:文中列举了互联网一线大厂程序员都在用的工具集合,涉及面非常广,小白和老手都可以进来看看,或许有新收获。
《阿里巴巴开发手册》读书笔记-编程规约
Java编程规约命名风格 命名风格 类名使用UpperCamelCase风格 方法名,参数名,成员变量,局部变量都统一使用lowerCamelcase风格 常量命名全部大写,单词间用下划线隔开, 力求语义表达完整清楚,不要嫌名字长 ...
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来获取数据。 在电脑上安装
Python绘图,圣诞树,花,爱心 | Turtle篇
1.画圣诞树 import turtle screen = turtle.Screen() screen.setup(800,600) circle = turtle.Turtle() circle.shape('circle') circle.color('red') circle.speed('fastest') circle.up() square = turtle.Turtle()
作为一个程序员,CPU的这些硬核知识你必须会!
CPU对每个程序员来说,是个既熟悉又陌生的东西? 如果你只知道CPU是中央处理器的话,那可能对你并没有什么用,那么作为程序员的我们,必须要搞懂的就是CPU这家伙是如何运行的,尤其要搞懂它里面的寄存器是怎么一回事,因为这将让你从底层明白程序的运行机制。 随我一起,来好好认识下CPU这货吧 把CPU掰开来看 对于CPU来说,我们首先就要搞明白它是怎么回事,也就是它的内部构造,当然,CPU那么牛的一个东
破14亿,Python分析我国存在哪些人口危机!
2020年1月17日,国家统计局发布了2019年国民经济报告,报告中指出我国人口突破14亿。 猪哥的朋友圈被14亿人口刷屏,但是很多人并没有看到我国复杂的人口问题:老龄化、男女比例失衡、生育率下降、人口红利下降等。 今天我们就来分析一下我们国家的人口数据吧! 更多有趣分析教程,扫描下方二维码关注vx公号「裸睡的猪」 即可查看! 一、背景 1.人口突破14亿 2020年1月17日,国家统计局发布
听说想当黑客的都玩过这个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的这些硬核知识你必须会! 作为一个程序员,内存的这些硬核知识你必须懂! 这些知识可以说是我们之前都不太重视的基础知识,可能大家在上大学的时候都学习过了,但是嘞,当时由于老师讲解的没那么有趣,又加上这些知识本身就比较枯燥,所以嘞,大家当初几乎等于没学。 再说啦,学习这些,也看不出来有什么用啊!
别低估自己的直觉,也别高估自己的智商
所有群全部吵翻天,朋友圈全部沦陷,公众号疯狂转发。这两周没怎么发原创,只发新闻,可能有人注意到了。我不是懒,是文章写了却没发,因为大家的关注力始终在这次的疫情上面,发了也没人看。当然,我...
这个世界上人真的分三六九等,你信吗?
偶然间,在知乎上看到一个问题 一时间,勾起了我深深的回忆。 以前在厂里打过两次工,做过家教,干过辅导班,做过中介。零下几度的晚上,贴过广告,满脸、满手地长冻疮。   再回首那段岁月,虽然苦,但让我学会了坚持和忍耐。让我明白了,在这个世界上,无论环境多么的恶劣,只要心存希望,星星之火,亦可燎原。   下文是原回答,希望能对你能有所启发。   如果我说,这个世界上人真的分三六九等,
为什么听过很多道理,依然过不好这一生?
记录学习笔记是一个重要的习惯,不希望学习过的东西成为过眼云烟。做总结的同时也是一次复盘思考的过程。 本文是根据阅读得到 App上《万维钢·精英日课》部分文章后所做的一点笔记和思考。学习是一个系统的过程,思维模型的建立需要相对完整的学习和思考过程。以下观点是在碎片化阅读后总结的一点心得总结。
B 站上有哪些很好的学习资源?
哇说起B站,在小九眼里就是宝藏般的存在,放年假宅在家时一天刷6、7个小时不在话下,更别提今年的跨年晚会,我简直是跪着看完的!! 最早大家聚在在B站是为了追番,再后来我在上面刷欧美新歌和漂亮小姐姐的舞蹈视频,最近两年我和周围的朋友们已经把B站当作学习教室了,而且学习成本还免费,真是个励志的好平台ヽ(.◕ฺˇд ˇ◕ฺ;)ノ 下面我们就来盘点一下B站上优质的学习资源: 综合类 Oeasy: 综合
如何优雅地打印一个Java对象?
你好呀,我是沉默王二,一个和黄家驹一样身高,和刘德华一样颜值的程序员。虽然已经写了十多年的 Java 代码,但仍然觉得自己是个菜鸟(请允许我惭愧一下)。 在一个月黑风高的夜晚,我思前想后,觉得再也不能这么蹉跎下去了。于是痛下决心,准备通过输出的方式倒逼输入,以此来修炼自己的内功,从而进阶成为一名真正意义上的大神。与此同时,希望这些文章能够帮助到更多的读者,让大家在学习的路上不再寂寞、空虚和冷。 ...
雷火神山直播超两亿,Web播放器事件监听是怎么实现的?
Web播放器解决了在手机浏览器和PC浏览器上播放音视频数据的问题,让视音频内容可以不依赖用户安装App,就能进行播放以及在社交平台进行传播。在视频业务大数据平台中,播放数据的统计分析非常重要,所以Web播放器在使用过程中,需要对其内部的数据进行收集并上报至服务端,此时,就需要对发生在其内部的一些播放行为进行事件监听。 那么Web播放器事件监听是怎么实现的呢? 01 监听事件明细表 名
3万字总结,Mysql优化之精髓
本文知识点较多,篇幅较长,请耐心学习 MySQL已经成为时下关系型数据库产品的中坚力量,备受互联网大厂的青睐,出门面试想进BAT,想拿高工资,不会点MySQL优化知识,拿offer的成功率会大大下降。 为什么要优化 系统的吞吐量瓶颈往往出现在数据库的访问速度上 随着应用程序的运行,数据库的中的数据会越来越多,处理时间会相应变慢 数据是存放在磁盘上的,读写速度无法和内存相比 如何优化 设计
Linux 命令(122)—— watch 命令
1.命令简介 2.命令格式 3.选项说明 4.常用示例 参考文献 [1] watch(1) manual
Linux 命令(121)—— cal 命令
1.命令简介 2.命令格式 3.选项说明 4.常用示例 参考文献 [1] cal(1) manual
记jsp+servlet+jdbc实现的新闻管理系统
1.工具:eclipse+SQLyog 2.介绍:实现的内容就是显示新闻的基本信息,然后一个增删改查的操作。 3.数据库表设计 列名 中文名称 数据类型 长度 非空 newsId 文章ID int 11 √ newsTitle 文章标题 varchar 20 √ newsContent 文章内容 text newsStatus 是否审核 varchar 10 news...
Python新型冠状病毒疫情数据自动爬取+统计+发送报告+数据屏幕(三)发送篇
今天介绍的项目是使用 Itchat 发送统计报告 项目功能设计: 定时爬取疫情数据存入Mysql 进行数据分析制作疫情报告 使用itchat给亲人朋友发送分析报告(本文) 基于Django做数据屏幕 使用Tableau做数据分析 来看看最终效果 目前已经完成,预计2月12日前更新 使用 itchat 发送数据统计报告 itchat 是一个基于 web微信的一个框架,但微信官方并不允
相关热词 c#导入fbx c#中屏蔽键盘某个键 c#正态概率密度 c#和数据库登陆界面设计 c# 高斯消去法 c# codedom c#读取cad文件文本 c# 控制全局鼠标移动 c# temp 目录 bytes初始化 c#
立即提问