2018年11月_佛佛ง

12月 11月 09月 08月 07月 06月 05月 04月 03月 02月 01月

原创实际值、预测值、计划值、差值红色显示

实现效果：1、实际值和预测值在连接点，只显示实际值2、当预测值>计划值时，出现红色柱子，同时tooltip显示预测值、计划值和超计划值（超计划值=预测-计划）3、当预测值<=计划值时，不出现红色柱子，同时tooltip显示预测值、计划值和超计划值=0/*实际值和预测值在连接点，只显示实际值当预测值>计划值时，出现红色柱子，同时tooltip显示预测值、计划值和...

2018-11-16 17:56:42 1921

原创 tooltip线的样式设置

tooltip: { trigger: 'axis', axisPointer:{ type:'line', lineStyle:{ color:'#ffa147', width:2, ...

2018-11-16 16:21:35 1823

原创 bar-上下渐变色柱形图，提示信息自定义显示

var x_data1 = ['0', '1', '2', '3', '4', '5', '6']; // 横坐标var jstr = [5, 6, 40, 100, 58, 99]; //进场数据var cstr = [36, 11, 22, 69, 115, 196]; //出场数据var option = { backgroundColor: '#8B4513', ...

2018-11-16 16:07:47 577

原创文字截断/省略...-单行、多行

只针对google和IE浏览器分析，求他浏览器不做比较。单行文字截断：google、IE均支持.single{ width: 300px; height: 100px; border: 1px solid red; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}多行文字截断：1、只对g...

2018-11-16 15:00:43 648

原创 bar-渐变色柱形图，tooltip小标签显示渐变颜色

var legendData = ['A', 'B', 'C', 'D'];var xData = ['1', '2', '3', '4', '5'];var data1 = [10, 20, 30, 40, 50];var data2 = [11, 21, 31, 41, 51];var data3 = [12, 22, 32, 42, 52];var data4 = [13, ...

2018-11-15 21:31:34 1424

原创 jqGrid-表格中显示图片

colNames : [ 'alarmId', '事件分类', '事件子类', '事件级别','发生时间', '报警描述' ], colModel : [ {name : 'alarmId', index : 'alarmId',hidden : true }, {name : 'alarmTitleName',index : 'alarmTitleName',width ...

2018-11-15 13:23:00 3444

原创 jqGrid-表格列宽自动改变

autowidth : true,shrinkToFit:true,//为true时，按比例初始化宽度，为false，则列宽使用colModel指定的宽度forceFit:true,//当为true时，调整列宽不会改变表格的宽度；当shrinkToFit:false,此属性被忽略...

2018-11-15 13:20:44 2939 1

原创 jqGrid-取消表格的多选框

multiselect: false,//取消复选框

2018-11-15 13:18:42 4145

原创折线和柱形综合图，渐变色，造成tooltip小标签颜色取值不按照series.color显示

折线和柱形综合图，均设置渐变色，此时tooltip小标签颜色取值不按照series.color显示1、series.color=[ 'red' , 'yellow' ]，不设置渐变色，折线和柱子依次取值2、柱子设置渐变色后，柱子的tooltip小标签颜色取设置的渐变色；3、折线设置渐变色后，折线线的颜色和tooltip小标签颜色均取series.color的'red' ；折线和...

2018-11-14 18:19:28 1066

原创默认值与实际值之间的切换

1、默认显示如下样式：<div class="infotip" name="tip">正常运营，运力充足</div>2、当数字<180时，样式变化，如图：3、实现方式：//注意：初始化时，就设置默认数字颜色和提示信息样式var changeTip=function(){ $("#...

2018-11-10 13:31:53 218

原创 zlevel分层，数值大的覆盖数值小的，默认为0

zlevel用于 Canvas 分层，不同zlevel值的图形会放置在不同的 Canvas 中，Canvas 分层是一种常见的优化手段。我们可以把一些图形变化频繁（例如有动画）的组件设置成一个单独的zlevel。需要注意的是过多的 Canvas 会引起内存开销的增大，在手机端上需要谨慎使用以防崩溃。zlevel大的 Canvas 会放在zlevel小的 Canvas 的上面。...

2018-11-10 13:08:50 3191