精华内容
下载资源
问答
  • 讲解:如果 i===0 时,表示自定义第一个数据的单位,以此类推, 否则 所有数据都是统一单位,下面附上源码,复制粘贴就行。 源码: tooltip: { trigger: 'axis', backgroundColor:'rgba(0,0,0,0.8)', ...

    源码及部分讲解:

    讲解:如果 i===0  时,表示自定义第一个数据的单位,以此类推, 否则 所有数据都是统一单位,下面附上源码,复制粘贴就行。

    源码:

    tooltip: {

    trigger: 'axis',

    backgroundColor:'rgba(0,0,0,0.8)',

    axisPointer: {

    type: 'cross',

    crossStyle: {

    color: '#999'

    }

    },

    formatter: function(params) { //自定义函数修改折线图给数据加单位

    var str = '';//声明一个变量用来存储数据

    str += '<div>'+ params[0].name +'</div>'; //显示日期的函数

    for(var i=0; i<params.length; i++) { //图显示的数据较多时需要循环数据,这样才可以成功的给多条数据添加单位

    if(i === 0){

    str += '<span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:'+params[i].color+';"></span>'+ params[i].seriesName +'</span> : <span>'+ (params[i].data ? params[i].data+'元' : '暂无') +'</br>';

    }else if(i===3){

    str += '<span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:'+params[i].color+';"></span>'+ params[i].seriesName +'</span> : <span>'+ (params[i].data ? params[i].data+'元' : '暂无') +'</br>';

    }else if(i===6){

    str += '<span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:'+params[i].color+';"></span>'+ params[i].seriesName +'</span> : <span>'+ (params[i].data ? params[i].data+'元' : '暂无') +'</br>';

    }else{

    str += '<span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:'+params[i].color+';"></span>'+ params[i].seriesName +'</span> : <span>'+ (params[i].data ? params[i].data+'%' : '暂无') +'</br>';

    }

    }

    return str;

    }

    },

    展开全文
  • 这里收藏一个很棒的网址:http://www.highcharts.me/test/index.php?from=demo&p=11直接看代码: $(function () { $('#container').highcharts({ chart: { type: 'line', backgroundColor:
    这里收藏一个很棒的网址:http://www.highcharts.me/test/index.php?from=demo&p=11
    直接看代码:

    <head>
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/highcharts.js"></script>
    <script type="text/javascript" src="js/exporting.js"></script>
    <script>
    $(function () {
    $('#container').highcharts({
    chart: {
    type: 'line',
    backgroundColor:'#EEFFFF'
    },
    title: {
    text: 'Monthly Average Temperature'
    },
    subtitle: {
    text: 'Source: WorldClimate.com'
    },
    xAxis: {
    categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
    },
    yAxis: {
    title: {
    text: 'Temperature (°C)'
    }
    },
    tooltip: {
    enabled: false,
    formatter: function() {
    return '<b>'+ this.series.name +'</b><br/>'+
    this.x +': '+ this.y +'°C';
    }
    },
    plotOptions: {
    line: {
    dataLabels: {
    enabled: true,
    formatter: function() {return '<b style="font-size:18px;">'+this.y+'℃</b>';}
    },
    enableMouseTracking: false
    }
    },
    series: [{
    name: 'Tokyo',
    data: [7.0, 6.9, 9.5, 14.5, 18.4, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6]
    }, {
    name: 'London',
    data: [3.9, 4.2, 5.7, 8.5, 11.9, 15.2, 17.0, 16.6, 14.2, 10.3, 6.6, 4.8]
    }]
    });
    });
    </script>
    </head>
    <body>
    <div id="container" style="min-width:700px;height:400px"></div>
    </body>

    展开全文
  • //加载渲染 $(document).ready(function() { table.render({ url : ... if(open == "2"){ //给状态为2的数据设置背景色 $(this).attr('style',"background:#f1dddd;color:#000"); } }) } }
      //加载渲染
    $(document).ready(function() {
    	table.render({
    		url : basePath+"payment/queryPaymentInfo",
    		elem:'#content_table',
    		id:"content_table",
    		method:'POST',
    	    page: { //支持传入 laypage 组件的所有参数(某些参数除外,如:jump/elem) - 详见文档
    	        layout: ['limit', 'count', 'prev', 'page', 'next', 'skip'] //自定义分页布局
    	        //,curr: 5 //设定初始在第 5 页
    	        ,groups: 1 //只显示 1 个连续页码
    	        ,theme: '#e6a3a3'
    	        ,first: false //不显示首页
    	        ,last: false //不显示尾页
    	      },
    		limit:10,
    		limits:[10,20,50], //这里设置可选择每页显示条数
    		cols: [[
    		       {type: 'checkbox',style:'margin-top:2px'}
    		      ,{field:'payId', title: '主键',hide:true,align:'center'}			
    		      ,{field:'payType',title: '支付方式',align:'center',templet:function(d){
    		    	  if(!isEmpty(PAY_TYPE)) return PAY_TYPE[d.payType];}}
    		      ,{field:'userPhone',title: '联系方式',align:'center',templet:function (d) { 
    		    	  return isEmpty(d.userPhone)?"散客":d.userPhone;}}
    		      ,{field:'open',title: '交易状态',align:'center',templet:function(d){
    		    	  if(!isEmpty(PAY_STATUS)) return PAY_STATUS[d.open];}}
    		      ,{fixed:'right',title:'操作', align:'center',toolbar:'#barOption'}//操作栏
    		    ]],
    		    response:{statusName:"errorCode",statusCode:"10000",dataName:"rows",count:"count"},
    		   done: function (res,curr,count) {
        			setColor('.show_content .layui-table');
    		    }
    			
    	});
    });
    function setColor(tableClassName){
    		var $table = $(tableClassName).eq(1);
    		if($table.length > 0){
    		//遍历所有行
    			$table.find('tr').each(function(){
    				var open = $(this).find('td[data-field="open"]').attr('data-content');
    				if(open == "2"){   //给状态为2的数据行设置背景色
    					$(this).attr('style',"background:#f1dddd;color:#000");
    				}
    			})
    		}
    }
    
    展开全文
  • element table 修改字体颜色,根据条件判断设置符合条件的,数据字体或者背景改变颜色。 <el-table ref="multipleTable" :data="tableData" border tooltip-effect="dark" style="width: 100%" :row-...

    element-ui/vue-element-admin/el-table修改row字体颜色,根据条件判断设置符合条件的,数据字体或者背景改变颜色。
    在这里插入图片描述

     <el-table
         ref="multipleTable"
         :data="tableData"
         border
         tooltip-effect="dark"
         style="width: 100%"
         :row-class-name="tableRowClassName"       
       >
       	此处略去不少代码(写啥看你所需)
       </el-table>
    

    声明数组

      data() {
        return {
          arr: [],
          tableData :[]
         }
       }
    

    此处我是筛选出handle_status 等于2的,横行数据字体全变成红色。
    获取列表数据:

        getList() {
          this.reqData(this.searchForm)
            .then(res => {
              this.tableData = res.data
              for (const j in this.tableData) {
                if (this.tableData[j].handle_status === 2) {
                  this.arr.push(Number(j))
                }
              }
            })
            .catch(() => {})
        },
    

    符合条件的横行数据设置颜色

       tableRowClassName({ row, rowIndex }) {
         for (const q in this.arr) {
           if (rowIndex === this.arr[q]) {
             return 'info-row'
           }
         }
       },
    

    记住一定不要写在等CSS 预处理语言,否则无效

    <style lang="scss" scoped></style>
    <style lang="less" scoped></style>
    <style lang="stylus" scoped></style>
    

    要这样写呦:

    <style>
    .el-table .info-row {
       color:red;
     }
    </style>
    

    参数优先级 : stripe > row-class-name (stripe是否为斑马纹 table)

    展开全文
  • valueField:'id', textField:'name', editable:false,
  • 为了使实例图像显得不单调,我们先将绘图代码贴上来,此处代码对Figure背景设置无影响。 默认背景下图像及代码 import numpy as np import matplotlib.pyplot as plt import matplotlib.cm a...
  • VC编程之设置客户区背景图片

    千次阅读 2009-05-27 22:55:00
    下面我介绍一种在客户区设置背景图片的简单方法。   1 .将背景 bmp 图片导入到工程,资源 ID 这里假设为 IDB_BITMAP1     2 .在视图类添加如下代码: void ...
  • POI操作Excel表格,设置 背景颜色、边框等属性的读取和设置以及数据有效性的添加
  • echarts 设置背景颜色

    万次阅读 2017-11-08 15:11:17
    问题:echarts 设置背景颜色描述: @Kener-林峰 你好,想跟你请教个问题:请问怎么设置echarts整个图标的背景颜色??我用了color属性,在官网实验的时候不显示。。。。 解决方案1:  /*#################开始 ...
  • columns : [ [ { ...align:'center‘水平居中,设置后表格的标题栏的这一列也会跟着居中 vertical-align:middle;垂直居中 background-color:#6d8a92;背景色 color:#ffffff'字体颜色
  • 本文使用jxl.jar工具类库将数据按列写入Excel并设置格式(字体、背景色、自动列宽、对齐方式等)。
  • 多重背景数据

    万次阅读 2015-09-23 13:51:25
    实例说明多重背景数据块的应用 OB1对多重背景功能块FB10(符号名为“发动机”)进行调用,调用时还指定了背景数据块DB10(符号名为“多重背景数据块”)。 FB1的变量声明表如下: FB1的程序...
  • Android SpannableString 设置文字圆角背景 Android Textview SpannableString 圆角背景
  • GridControl 行背景颜色设置

    千次阅读 2017-06-14 09:32:02
    WPF,GridControl 行背景颜色设置
  • 文章目录Tableau数据分析-Chapter07多边形地图和背景地图本节要求多边形地图多边形地图的概念英国国家公园多边形地图设置地理信息设置地图源背景图地图背景图地图的概念香港地铁背景图地图 本专栏将使用tableau来...
  • layui 设置table单元格背景

    千次阅读 2020-04-20 10:51:36
    根据不同的评价内容设置不同的背景色。 在done回调函数中写如下代码: done: function (res, curr, count) { res.data.forEach(function (item, index) { if (item.Estimate == 0) $('div[lay-id="quality"]')...
  • JTable设置表头背景

    千次阅读 2017-11-03 10:52:46
    今天发现一个新问题:当设置表头的背景色的时候,颜色没有完全填充到表头当中,如下图所示: 代码:table.getTableHeader().setBackground(new Color(51, 102, 255));该代码的效果如上所示。想要的效果是: 首先...
  • CSS:设置边框和背景

    万次阅读 2016-09-26 11:35:39
    应用边框样式边框基本设置首先简单介绍一下使用边框最常用的三个基本属性: 属性 说明 值 border-width 设置边框的宽度 度量单位(em、px、cm等) border-color 设置边框的颜色 英文单词、HEX、RGBa、HSLa ...
  • JQuery bootstrap datepicker这个日期简直非常好用,不过项目有这样的需求,点击日期查询月份,但需要先判断哪些月份有数据,然后再设置这几个月份为特殊的背景颜色,以便用户知道哪些月份有数据,就不用一个个月份去点击...
  • windows系统背景淡绿护眼色设置

    千次阅读 2017-03-02 10:52:03
    windows 系统 淡绿色背景设置
  • 使用freemarker动态设置表格背景

    千次阅读 2018-07-15 09:26:19
    在项目中遇到一个这么一个要根据表格数值的不同,设置不同的背景色。例如,6月份的结果是6,根据阀值要设置成红色。实现起来也很简单,在模板生成的xml中,找到对应得单元格,一个tc元素为一个单元格,设置对应w:...
  • 创建工作表: Workbook workbook = new ...1.行背景色 CellStyle cellStyle = workbook.createCellStyle(); cellStyle.setFillForegroundColor(cellStyle.setFillForegroundColor(IndexedColors.RED.index);...
  • easyui-textbox怎么设置背景颜色 自己利用readonly="true"将textbox设置为只读不可编辑,但想将textbox设置一个背景色或者将textbox中的数据变色来达到提示用户的作用,该怎么写?
  • xlwt设置单元格背景颜色

    万次阅读 2018-05-28 15:27:18
    我们在进行python excel写入的时候,常常会简单的设置一下写入样式,下面是我在写excel的时候对单元格的背景设置的代码demofrom xlwt import * def excel_write(data_list): book = Workbook(encoding='utf-8') ...
  • 设置桌面背景和屏幕保护主要是修改注册表和使用windows api来生效配置,支持XP以上操作系统。使用方法参数说明: Usage of setbg.exe: -a 设置开启或关闭屏幕保护,默认是true -b 设置桌面背景图路径 -p 设置...
  • 当UITableView 无数据时,当前耳界面的背景界面显示“暂无数据”。 方法1: 我们可以用 Objective-C 的分类 (Catergory) 来解决这类问题。 具体实现过程: 步骤1. 我们对UITableView进行类扩展 操作:File > New >...
  • 今天偶尔要在其他机器上重新做一些设置反而忘记了很多步骤,设置后的HTML页面如何所示:默认情况下,当只是设置General通用的颜色为护眼色时,那么对于html等页面的标签色背景色等等仍然还是灰色等默认颜色,...
  • swing jtable表格背景设置

    千次阅读 2013-02-20 17:34:51
    今天发现设置JTable背景色的时候,只能设置数据行的背景色,对于默认的底色部分还是没法设置,默认为灰色,这可咋整?后来苦苦追寻,得到解决,原因是需要设置JTable上层容器jScrollPane1的背景色,但是需要这样...
  • GeoServer图层背景颜色设置

    千次阅读 2020-03-20 16:19:58
    无法设置背景颜色,使用多图层叠加,图层组
  • WordCloud中屏蔽词+背景设置

    千次阅读 2019-07-20 18:14:55
    利用python的wordcloud包生成词云是一个很实用的技能,最近在绘制词云的过程中又学会了如何屏蔽不想要出现的词及设置更丰富的背景图,特别是背景颜色的设置很多资料都是一笔带过,语焉不详,好在经过痛苦的摸索之后...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 383,088
精华内容 153,235
关键字:

如何设置数据区背景