彩票网站建设dadi163,wordpress统计插件WP,哈尔滨网站设计联系方式,网站还没建设好可以备案吗想出一张图表#xff0c;数据是多条线体#xff0c;45天的数据展示最近15天的。并且每次展示其中一条。可以切换时间看前面的 或者后面的。最开始遇到的问题是#xff0c;展示一条线体成功#xff0c;但是在切换线体的时候#xff0c;成功但是接着刷新到最开始的状态。跟同… 想出一张图表数据是多条线体45天的数据展示最近15天的。并且每次展示其中一条。可以切换时间看前面的 或者后面的。 最开始遇到的问题是展示一条线体成功但是在切换线体的时候成功但是接着刷新到最开始的状态。跟同事分析后发现是方法引用的问题。也就是每次在给highCharts赋值时要保证都是重新打开一个图表但是数据切换了。 数据的展示。遇到的问题是从ajax查询后台时用request.setAttribute( , ) 无效。jsp页面得不到数据。 也是可以理解。然后解决的方案是在传值中加上。使用对象JSONObject 传值。 事件的问题。对每条数据添加点击事件使用到this.x 值。这是数据出现的下标值。 具体代码如下var baseData ;var arrayIndex 0 ,j0;var showLength 15 ;var flags true ;var getObjArray new Array() ;$(document).ready(function() {$.ajax({type : post,url : url/dmsHistoryHchartsData/highChartsOneCheckData, datatype : josn,async : false,data : ,success : function(data) {baseData JSON.parse(data);var array baseData[array] ;if(array.length0){createHighCharts(0); }else{// 如果没有值 显示默认图 Highcharts.chart(container, {chart: {type: column },title: {text: 没有要展示的数据请联系管理员 },xAxis: {categories: [Apples, Oranges, Pears, Grapes, Bananas] },yAxis: {min: 0,title: {text: Total fruit consumption },stackLabels: {enabled: true,style: {fontWeight: bold,color: (Highcharts.theme Highcharts.theme.textColor) || gray } } },legend: {align: right,x: -30,verticalAlign: top,y: 25,floating: true,backgroundColor: (Highcharts.theme Highcharts.theme.background2) || white,borderColor: #CCC,borderWidth: 1,shadow: false },tooltip: {headerFormat: b{point.x}/bbr/,pointFormat: {series.name}: {point.y}br/Total: {point.stackTotal} },plotOptions: {column: {stacking: normal,dataLabels: {enabled: true,color: (Highcharts.theme Highcharts.theme.dataLabelsColor) || white } } },series: [{name: John,data: [5, 3, 4, 7, 2] }, {name: Jane,data: [2, 2, 3, 2, 1] }, {name: Joe,data: [3, 4, 4, 2, 5] }] }); } },error : function() {alert(ajax查询返回失败); } }); });function createHighCharts(flagA){var array baseData[array] ;if(1flagA){if(arrayIndex-10){arrayIndex-1 ; }else{alert(当前是第一条线体);return ; } }else if(2flagA){if(arrayIndex1array.length){alert(当前是最后一条线体);return ; }else{arrayIndex arrayIndex1; } }var map baseData[Map] ;lineName array[arrayIndex];beanList map[lineName] ;var listLength beanList.length ;if(showLengthlistLength){showLength listLength;flags false ; }else{flagstrue ; }j beanList.length - showLength ;changeColumn(0); }function changeColumn(flagsTwo){if(1flagsTwo){if(!flags){alert(当前线体没有其他数据展示);return ; }else{if(j-50){j-5; }else{alert(当前线体没有其他数据展示);return ; } } }else if(2flagsTwo){if(!flags){alert(当前线体没有其他数据展示);return ; }else{if((j showLength5) beanList.length ){alert(当前线体没有其他数据展示);return ; }else{j5; } } } -- 构造展示的数据 timeArray new Array(); // 时间数据 var lineCount new Array(); // 线体产量 var goodsCount new Array(); // 耗材消耗量 var dollarCount new Array(); // 耗材消耗金额 getObjArray new Array();for(var i0 ;ishowLength;i ){var bean beanList[ij];timeArray.push(bean.thisdayA); // 时间 lineCount.push(parseFloat(bean.milliA)); //线体产量千分比 goodsCount.push(parseFloat(bean.outWhQtA)); // 耗材消耗量 dollarCount.push(2);// 模拟数据 }objArray new Array() ;var obj new Object(); // 展示主数据 obj.name费用;obj.data dollarCount ;objArray.push(obj);obj new Object();obj.name耗材消耗;obj.data goodsCount ;objArray.push(obj);obj new Object();obj.name线体产量;obj.data lineCount ;objArray.push(obj);basic(); }function basic() {var charts Highcharts.chart(container, {chart: {type: column },title: {text: 产线 lineName 当日产量、耗材消耗量、费用展示 },xAxis: {categories: timeArray },yAxis: {min: 0,title: {text: Total fruit consumption },stackLabels: {enabled: true,style: {fontWeight: bold,color: (Highcharts.theme Highcharts.theme.textColor) || gray } } },legend: {align: right,x: -30,verticalAlign: top,y: 25,floating: true,backgroundColor: (Highcharts.theme Highcharts.theme.background2) || white,borderColor: #CCC,borderWidth: 1,shadow: false },tooltip: {shared: true,crosshairs: true,//十字线 valueSuffix: //标示框后缀加上% },plotOptions: {column: {stacking: normal,dataLabels: {enabled: true,color: (Highcharts.theme Highcharts.theme.dataLabelsColor) || white } },series: { -- 添加点击事件cursor: pointer,point: {events: {click: function () {alert(耗材明细 ( beanList[parseInt(this.x)j].msgA)); } } } } },series: objArray }); } 转载于:https://www.cnblogs.com/a6948076/p/10381574.html
