Echarts设置字体和线条的颜色相关操作笔记

这篇文章主要讲述Echarts设置字体和线条的颜色相关操作笔记，希望文章对你有所帮助，主要是自己的在线笔记吧。我在前面先放各种修改前后图片颜色的对照，后面再详细介绍代码。这样更方便阅读及读者知道，是否对自己有所帮助，其重点是如何在模板动态网页或JSP网站中插入Echarts图片。

1.修改标题及背景颜色

2.设置柱形图颜色

3.修改坐标轴字体颜色
4.设置Legend颜色

技术分享

5.修改折线颜色

6.修改油表盘字体大小及颜色

7.柱状图文本鼠标浮动上的颜色设置

推荐文章：
http://echarts.baidu.com/echarts2/doc/example/bar14.html

http://echarts.baidu.com/echarts2/doc/example/bar15.html

官方文档：
http://echarts.baidu.com/echarts2/doc/example.html
http://echarts.baidu.com/demo.html#gauge-car
ECharts系列 - 柱状图（条形图）实例一 JSP

1.修改标题的颜色及背景

Echarts绘制柱状图及修改标题颜色的代码如下所示：

<!DOCTYPE html>
<html>
<head><meta charset="utf-8"><title>ECharts</title><script src="echarts.min.js"></script>
</head><body><div id="main" style="width: 600px;height:400px;"></div><script type="text/javascript">var myChart = echarts.init(document.getElementById(‘main‘));var labelRight = {normal: { position: ‘right‘ }};var labelRight = {normal: { position: ‘right‘ }};var option = {title: {text: ‘十大高耗水行业用水量八减两增 ‘,    //标题backgroundColor: ‘#ff0000‘,            //背景subtext: ‘同比百分比(%)‘,               //子标题textStyle: {fontWeight: ‘normal‘,              //标题颜色color: ‘#408829‘},x:"center"    },legend: {data:[‘蒸发量‘,‘降水量‘,‘最低气温‘,‘最高气温‘]},tooltip : {trigger: ‘axis‘,axisPointer : {    // 坐标轴指示器，坐标轴触发有效type : ‘shadow‘    // 默认为直线，可选为：‘line‘ | ‘shadow‘}},grid: {top: 80,bottom: 80},xAxis: {    //设置x轴type : ‘value‘,position: ‘top‘,splitLine: {lineStyle:{type:‘dashed‘}},max:‘4‘,},yAxis: {type : ‘category‘,axisLine: {show: false},axisLabel: {show: false},axisTick: {show: false}, splitLine: {show: false},data : [‘石油加工、炼焦和核燃料加工业‘ ,‘非金属矿物制品业‘, ‘化学原料和化学制品制造业‘,‘有色金属冶炼和压延加工业‘,‘造纸和纸制品业‘, ‘纺织业‘,‘电力、热力生产和供应业‘,‘非金属矿采选业‘,‘黑色金属冶炼和压延加工业‘,‘煤炭开采和洗选业‘]},series : [{name: ‘幅度 ‘,type: ‘bar‘,stack: ‘总量‘,label: {normal: {show: true,formatter: ‘{b}‘}},data:[ {value: 0.2, label: labelRight,itemStyle:{ normal:{color:‘gray‘} } },{value: 0.7, label: labelRight,itemStyle:{ normal:{color:‘gray‘} }},{value: -1.1, label: labelRight,itemStyle:{ normal:{color:‘gray‘} }},{value: -1.3, label: labelRight,itemStyle:{ normal:{color:‘gray‘} }},{value: -1.9, label: labelRight,itemStyle:{ normal:{color:‘gray‘} }},{value: -2.9, label: labelRight,itemStyle:{ normal:{color:‘gray‘} }},{value: -3.0, label: labelRight,itemStyle:{ normal:{color:‘gray‘} }}, {value: -4.2, label: labelRight,itemStyle:{ normal:{color:‘gray‘} }},{value: -4.9, label: labelRight,itemStyle:{ normal:{color:‘gray‘} }}, {value: -5.8, label: labelRight,itemStyle:{ normal:{color:‘gray‘} }},]}]};myChart.setOption(option);window.addEventListener("resize",function() {myChart.resize();});</script><div id="main2" style="width: 600px;height:400px;"></div></body>
</html>

其中设置颜色标题的核心代码：

title: {text: ‘十大高耗水行业用水量八减两增 ‘,    //标题backgroundColor: ‘#ff0000‘,            //背景subtext: ‘同比百分比(%)‘,               //子标题textStyle: {fontWeight: ‘normal‘,              //标题颜色color: ‘#408829‘},x:"center"    
},

输出如下图所示：

2.设置柱形图颜色

设置柱形图颜色代码如下所示，其中颜色表参考：RGB颜色查询对照表

series : [
{name: ‘幅度 ‘,type: ‘bar‘,stack: ‘总量‘,label: {normal: {show: true,formatter: ‘{b}‘}},data:[ {value: 0.2, label: labelRight,itemStyle:{ normal:{color:‘bule‘} } },{value: 0.7, label: labelRight,itemStyle:{ normal:{color:‘green‘} }},{value: -1.1, label: labelRight,itemStyle:{ normal:{color:‘red‘} }},{value: -1.3, label: labelRight,itemStyle:{ normal:{color:‘#FFB6C1‘} }},{value: -1.9, label: labelRight,itemStyle:{ normal:{color:‘#EE7AE9y‘} }},{value: -2.9, label: labelRight,itemStyle:{ normal:{color:‘#C1FFC1‘} }},{value: -3.0, label: labelRight,itemStyle:{ normal:{color:‘#AB82FF‘} }}, {value: -4.2, label: labelRight,itemStyle:{ normal:{color:‘#836FFF‘} }},{value: -4.9, label: labelRight,itemStyle:{ normal:{color:‘#00FA9A‘} }}, {value: -5.8, label: labelRight,itemStyle:{ normal:{color:‘#CD00CD‘} }},]
}

输出如下图所示：

3.修改坐标字体颜色

完整代码：

<!DOCTYPE html>
<html>
<head><meta charset="utf-8"><title>ECharts</title><!-- 引入 echarts.js --><script src="echarts.min.js"></script>
</head><body><!-- 为ECharts准备一个具备大小（宽高）的Dom --><div align="left" id="main" style="width: 900px;height:500px;"></div><script type="text/javascript">// 基于准备好的dom，初始化echarts实例var myChart = echarts.init(document.getElementById(‘main‘));option = {title: {text: ‘2016年上半年全国规模以上工业企业用水情况（单位：亿立方米）‘, subtext: ‘数据来源：国家统计局‘,x: ‘center‘,},tooltip : {trigger: ‘axis‘,axisPointer : {       // 坐标轴指示器，坐标轴触发有效type : ‘shadow‘       // 默认为直线，可选为：‘line‘ | ‘shadow‘}},legend: {orient: ‘vertical‘,x: ‘left‘,y:"top",padding:50,   data: [‘用水量‘, ‘减少量‘,]},grid: {left: ‘10‘,right: ‘60‘,bottom: ‘3%‘,height: ‘30%‘,	top: ‘20%‘,containLabel: true},xAxis:  {type: ‘value‘,//设置坐标轴字体颜色和宽度axisLine:{lineStyle:{color:‘yellow‘,width:2}},},yAxis: {type: ‘category‘,//设置坐标轴字体颜色和宽度axisLine:{lineStyle:{color:‘yellow‘,width:2}},data: [‘东部地区‘,‘中部地区‘,‘西部地区‘,]},series: [{name: ‘用水量‘,type: ‘bar‘,stack: ‘总量‘,label: {normal: {show: true,position: ‘insidelift‘}},data: [109.2, 48.2, 41 ]},{name: ‘减少量‘,type: ‘bar‘,stack: ‘总量‘,label: {normal: {show: true,position: ‘insidelift‘}},data: [1.638, 1.0122, 1.025]},]};myChart.setOption(option);</script>
</body>
</html>

核心代码如下所示：

yAxis: {type: ‘category‘,//设置坐标轴字体颜色和宽度axisLine:{lineStyle:{color:‘yellow‘,width:2}},data: [‘东部地区‘,‘中部地区‘,‘西部地区‘,]},

输出如下图所示：

技术分享

4.设置了legend颜色

核心代码代码如下：

legend: {orient: ‘vertical‘,//data:[‘用水量‘,‘减少量‘],data:[ {name: ‘用水量‘,textStyle:{color:"#25c36c"}},{name:‘减少量‘,textStyle:{color:"#25c36c"}}],x: ‘left‘,y:"top",padding:50,   },

输出如下图所示：

技术分享

5.修改折现颜色

代码如下所示：

<!DOCTYPE html>
<html>
<head><meta charset="utf-8"><title>ECharts</title><!-- 引入 echarts.js --><script src="echarts.min.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‘));var timeData = [‘海水‘,‘陆地苦咸水‘,‘矿井水‘,‘雨水‘,‘再生水‘,‘海水淡化水‘];timeData = timeData.map(function (str) {return str.replace(‘2016/‘, ‘‘);});option = {title: {text: ‘2016年上半年全国工业用水增长率‘,x: ‘center‘},tooltip: {trigger: ‘axis‘,axisPointer: {animation: false}},legend: {data:[‘常规用水量‘,‘非常规用水量‘],x:"right",y:"top",padding: 50},grid: [{left: 100,right: 100,height: ‘20%‘,top: ‘25%‘}, {left: 100,right: 100,top: ‘65%‘,height: ‘25%‘    }],xAxis : [{type : ‘category‘,boundaryGap : false,axisLine: {onZero: true},data:[‘地表淡水‘,‘地下淡水‘,‘自来水‘,‘其他水‘]},{gridIndex: 1,type : ‘category‘,boundaryGap : false,axisLine: {onZero: true},data: timeData,position: ‘top‘}],yAxis : [{name : ‘常规用水量(%)‘,type : ‘value‘,max : 5},{gridIndex: 1,name : ‘非常规用水量(%)‘,type : ‘value‘,inverse: true}],series : [{name:‘常规用水量‘,type:‘line‘,symbolSize: 8,//设置折线图颜色itemStyle : {  normal : {  lineStyle:{  color:‘#ff0000‘  } }  },  hoverAnimation: false,data:[-3.8,-9.0,0.0,4.5 ]},{name:‘非常规用水量‘,type:‘line‘,xAxisIndex: 1,yAxisIndex: 1,symbolSize: 8,//设置折线图颜色itemStyle : {  normal : {  lineStyle:{  color:‘#0000ff‘  } }  },  hoverAnimation: false,data: [-5.8,-2.5,6.2,50.3,3.5,-3.3 ]}]};myChart.setOption(option);</script>
</body>
</html>

其中修改折现颜色代码如下所示：

series : [{name:‘常规用水量‘,type:‘line‘,symbolSize: 8,itemStyle : {  normal : {  lineStyle:{  color:‘#ff0000‘  }  }  },  hoverAnimation: false,data:[-3.8,-9.0,0.0,4.5 ]},{name:‘非常规用水量‘,type:‘line‘,xAxisIndex: 1,yAxisIndex: 1,itemStyle : {  normal : {  lineStyle:{  color:‘#ff0000‘  }  }  },  symbolSize: 8,hoverAnimation: false,data: [-5.8,-2.5,6.2,50.3,3.5,-3.3 ]}]

修改图如下所示：

技术分享

6.修改油表盘字体大小及颜色

核心代码如下所示：

<!DOCTYPE html>
<html>
<head><meta charset="utf-8"><title>ECharts</title><!-- 引入 echarts.js --><script src="echarts.min.js"></script>
</head>
<body><!-- 为ECharts准备一个具备大小（宽高）的Dom --><div id="main" style="width: 800px;height:600px;"></div><script type="text/javascript">// 基于准备好的dom，初始化echarts实例var myChart = echarts.init(document.getElementById(‘main‘));option = {tooltip : {formatter: "{a} <br/>{c}{b}"},toolbox: {show: true,feature: {restore: {show: true},saveAsImage: {show: true}}},series : [{name: ‘东部地区‘,type: ‘gauge‘,z: 3,min: 0,max: 120,splitNumber: 12,radius: ‘50%‘,axisLine: {            // 坐标轴线lineStyle: {       // 属性lineStyle控制线条样式width: 10}},axisTick: {            // 坐标轴小标记length: 15,        // 属性length控制线长lineStyle: {       // 属性lineStyle控制线条样式color: ‘auto‘}},splitLine: {           // 分隔线length: 20,         // 属性length控制线长lineStyle: {       // 属性lineStyle（详见lineStyle）控制线条样式color: ‘auto‘}},title : {textStyle: {       // 其余属性默认使用全局文本样式，详见TEXTSTYLEfontWeight: ‘bolder‘,fontSize: 20,fontStyle: ‘italic‘,color:"#25c36c"}},detail : {textStyle: {       // 其余属性默认使用全局文本样式，详见TEXTSTYLEfontWeight: ‘bolder‘}},data:[{value: 109.2, textStyle:{color:"#25c36c"}, name: ‘  东部地区\n 用水量‘}]},{name: ‘下降‘,type: ‘gauge‘,center : [‘50%‘, ‘65%‘],    // 默认全局居中radius : ‘25%‘,min: 0,max: 2,startAngle: 315,endAngle: 225,splitNumber: 2,axisLine: {            // 坐标轴线lineStyle: {       // 属性lineStyle控制线条样式width: 8}},axisTick: {            // 坐标轴小标记show: false},axisLabel: {formatter:function(v){switch (v + ‘‘) {case ‘0‘ : return ‘0‘;case ‘1‘ : return ‘下降‘;case ‘2‘ : return ‘1.5%‘;}}},splitLine: {           // 分隔线length: 15,         // 属性length控制线长lineStyle: {       // 属性lineStyle（详见lineStyle）控制线条样式color: ‘auto‘}},pointer: {width:2},title: {show: false},detail: {show: false},data:[{value: 2, name: ‘下降‘}]},{name: ‘中部地区‘,type: ‘gauge‘,center: [‘20%‘, ‘55%‘],    // 默认全局居中radius: ‘35%‘,min:0,max:72,endAngle:45,splitNumber:8,axisLine: {            // 坐标轴线lineStyle: {       // 属性lineStyle控制线条样式width: 8}},axisTick: {            // 坐标轴小标记length:12,        // 属性length控制线长lineStyle: {       // 属性lineStyle控制线条样式color: ‘auto‘}},splitLine: {           // 分隔线length:20,         // 属性length控制线长lineStyle: {       // 属性lineStyle（详见lineStyle）控制线条样式color: ‘auto‘}},pointer: {width:5},title: {offsetCenter: [0, ‘-30%‘],       // x, y，单位px},detail: {textStyle: {       // 其余属性默认使用全局文本样式，详见TEXTSTYLEfontWeight: ‘bolder‘}},data:[{value: 48.2, name: ‘     中部地区ddd‘,textStyle:{color:"#ffff00"}  }]},{name: ‘下降‘,type: ‘gauge‘,center : [‘20%‘, ‘62%‘],    // 默认全局居中radius : ‘25%‘,min: 0,max: 2,startAngle: 315,endAngle: 225,splitNumber: 2,axisLine: {            // 坐标轴线lineStyle: {       // 属性lineStyle控制线条样式width: 8}},axisTick: {            // 坐标轴小标记show: false},axisLabel: {formatter:function(v){switch (v + ‘‘) {case ‘0‘ : return ‘0‘;case ‘1‘ : return ‘下降‘;case ‘2‘ : return ‘2.1%‘;}}},splitLine: {           // 分隔线length: 15,         // 属性length控制线长lineStyle: {       // 属性lineStyle（详见lineStyle）控制线条样式color: ‘auto‘}},pointer: {width:2},title: {show: false},detail: {show: false},data:[{value: 2, name: ‘下降‘}]},{name: ‘西部地区‘,type: ‘gauge‘,center: [‘85%‘, ‘55%‘],    // 默认全局居中radius: ‘35%‘,min:0,max:72,endAngle:45,splitNumber:8,axisLine: {            // 坐标轴线lineStyle: {       // 属性lineStyle控制线条样式width: 8}},axisTick: {            // 坐标轴小标记length:12,        // 属性length控制线长lineStyle: {       // 属性lineStyle控制线条样式color: ‘auto‘}},splitLine: {           // 分隔线length:20,         // 属性length控制线长lineStyle: {       // 属性lineStyle（详见lineStyle）控制线条样式color: ‘auto‘}},pointer: {width:5},title: {offsetCenter: [0, ‘-30%‘],       // x, y，单位px},detail: {textStyle: {       // 其余属性默认使用全局文本样式，详见TEXTSTYLEfontWeight: ‘bolder‘}},data:[{value: 41, name: ‘        西部地区\n 用水量‘, textStyle:{color:"#ffff00"} }]},{name: ‘下降‘,type: ‘gauge‘,center : [‘85%‘, ‘62%‘],    // 默认全局居中radius : ‘25%‘,min: 0,max: 2,startAngle: 315,endAngle: 225,splitNumber: 2,axisLine: {            // 坐标轴线lineStyle: {       // 属性lineStyle控制线条样式width: 8}},axisTick: {            // 坐标轴小标记show: false},axisLabel: {formatter:function(v){switch (v + ‘‘) {case ‘0‘ : return ‘0‘;case ‘1‘ : return ‘下降‘;case ‘2‘ : return ‘2.5%‘;}}},splitLine: {           // 分隔线length: 15,         // 属性length控制线长lineStyle: {       // 属性lineStyle（详见lineStyle）控制线条样式color: ‘auto‘}},pointer: {width:2},title: {show: false},detail: {show: false},data:[{value: 2, name: ‘下降‘}]}]};/*app.timeTicket = setInterval(function (){myChart.setOption(option,true);},2000);*/myChart.setOption(option);</script></body>
</html>

修改核心代码：

title : {textStyle: {       // 其余属性默认使用全局文本样式，详见TEXTSTYLEfontWeight: ‘bolder‘,fontSize: 20,color:"#7FFFD4"}},detail : {textStyle: {       // 其余属性默认使用全局文本样式，详见TEXTSTYLEfontWeight: ‘bolder‘ }},data: {value: 109.2,name: ‘\n\n  东部地区\n 用水量‘}]},

核心代码如下所示：

7.柱状图文本鼠标浮动上的颜色设置

需要修改的内容如下图所示：

技术分享

代码如下所示：

<!DOCTYPE html>
<html>
<head><meta charset="utf-8"><title>ECharts</title><script src="echarts.min.js"></script>
</head>
<body><div id="main" style="width: 600px;height:400px;"></div><script type="text/javascript">var myChart = echarts.init(document.getElementById(‘main‘));var labelRight = {normal: {position: ‘right‘}
};var labelRight = {normal: {position: ‘right‘}
};var option = {title: {text: ‘                                         十大高耗水行业用水量八减两增 ‘,subtext: ‘同比百分比(%)‘,},tooltip : {trigger: ‘axis‘,axisPointer : {            // 坐标轴指示器，坐标轴触发有效type : ‘shadow‘        // 默认为直线，可选为：‘line‘ | ‘shadow‘}},grid: {top: 80,bottom: 80},xAxis: {type : ‘value‘,position: ‘top‘,splitLine: {lineStyle:{type:‘dashed‘}},max:‘4‘,},yAxis: {type : ‘category‘,axisLine: {show: false},axisLabel: {show: false},axisTick: {show: false},splitLine: {show: false},data : [‘石油加工、炼焦和核燃料加工业‘ , ‘非金属矿物制品业‘, ‘化学原料和化学制品制造业‘, ‘有色金属冶炼和压延加工业‘, ‘造纸和纸制品业‘, ‘纺织业‘,‘电力、热力生产和供应业‘, ‘非金属矿采选业‘, ‘黑色金属冶炼和压延加工业‘, ‘煤炭开采和洗选业‘]},series : [{name:‘幅度 ‘,type:‘bar‘,stack: ‘总量‘,label: {normal: {show: true,formatter: ‘{b}‘}},data:[{value: 0.2, label: labelRight, itemStyle:{ normal:{color:‘gray‘} } },{value: 0.7, label: labelRight},{value: -1.1, label: labelRight},{value: -1.3, label: labelRight},{value: -1.9, label: labelRight, itemStyle:{  normal: {color:‘#28c6de‘,label: {textStyle:{color:‘#00ff00‘}}} } },{value: -2.9, label: labelRight},{value: -3.0, label: labelRight}, {value: -4.2, label: labelRight},{value: -4.9, label: labelRight}, {value: -5.8, label: labelRight},]}]
};myChart.setOption(option);</script>
</body>
</html>

核心代码：

data:[{value: 0.2, label: labelRight, itemStyle:{ normal:{color:‘gray‘} } },{value: 0.7, label: labelRight},{value: -1.1, label: labelRight},{value: -1.3, label: labelRight},{value: -1.9, label: labelRight, itemStyle:{  normal: {color:‘#28c6de‘,label: {textStyle:{color:‘#00ff00‘}}} } },{value: -2.9, label: labelRight},{value: -3.0, label: labelRight}, {value: -4.2, label: labelRight},{value: -4.9, label: labelRight}, {value: -5.8, label: labelRight},
]

输出结果：

技术分享

自适应大小，添加如下代码：

// 为echarts对象加载数据
myChart.setOption(option);
// 加上这一句即可
window.onresize = myChart.resize;

或者：

window.addEventListener("resize",function(){              option.chart.resize();
});

查看全文
如若内容造成侵权/违法违规/事实不符，请联系编程学习网邮箱：809451989@qq.com进行投诉反馈，一经查实，立即删除！

JSP开发环境（jdk配置、Tomcat配置、MySQL安装、eclipse安装），附安装包
文末附所需工具链接。一、JDK安装 1、双击jdk-8u161-windows-i586.exe，一直下一步。 2、配置： 1）右击“计算机”，选择属性，点击左侧【高级系统设置】。2）点击【环境变量】按钮：3）在系统变量内选择【新建】：4）添加变量JAVA_HOME,变量值怎么得到？找到JDK安装路径，在…...
2024/4/19 11:26:08
在VS中添加.dll文件
从同事那里拷贝过来的程序，运行的时候总是出现.dll文件缺失的报错，如图：但是在我的工程中明明又有这个.dll文件，只是不是和.exe一个文件。把.dll文件拷贝到.exe文件夹下肯定是能解决问题，但感觉这种办法太low。。。。还好找到了更高级的解决方式：只需在工程的环境中设置…...
2024/4/19 10:42:33
基于CMMI的软件测试
现在，很多软件组织都在走CMMI之路，这是以软件工程过程的标准化来保证软件质量的一种规范性行为。那么，软件测试在CMMI中是如何定义和实施的呢？首先，在CMMI中，软件测试与两个关键过程域有关，一个是验证，一个是确认。验证，是为了确认某一开发阶段的产品是否满足在阶段初…...
2024/4/16 18:26:53
机器学习之Gradient Tree Boosting中GBDT-- GradientBoostingClassifier
机器学习之Gradient Tree Boosting中GBDT-- GradientBoostingClassifier# -*- coding: utf-8 -*- """ Created on Mon Dec 3 22:24:34 2018@author: muli """import matplotlib.pyplot as plt import numpy as np from sklearn import datasets…...
2024/4/16 18:26:17
直播程序源码功能分析
直播程序源码可以做什么？直播平台的架构，包含着多种的系统开发，但是最微小的结构还是在于直播程序源码，正是有直播程序源码的存在才对直播平台的搭建起着重要作用。直播程序源码可以搭建什么直播功能？在一个完整的直播平台上，功能的展现是面向客流量的重要部分。 1.视…...
2024/5/1 2:21:11
软件测试理论、方法及流程
一、软件测试理论基础 1. 软件测试的定义：使用人工和自动手段来运行程序，目的在于检验是否满足了需求。 2. 软件测试的目的：是想以最少的人力、物力和时间找出软件中潜在的各种错误与缺陷，通过修正各种错误和缺陷提高软件质量，回避软件发布后由于潜在的软件缺陷和错误造…...
2024/5/4 23:34:50
XXX.dll文件丢失的解决办法
有时候ITK的程序在VS里编译完后执行.exe文件时会出现以下错误：当尝试将这个丢失的dll文件找到并复制到.exe所在目录下时候又会出现丢失其他dll文件的现象，很是头疼。后来经过尝试，总结了以下两种方法，可以解决这个丢失dll文件的问题。1、复制并粘贴找到所有的ITK中dll的文…...
2024/4/16 18:27:23
LightGBM参数介绍
Xgboost和LightGBM部分参数对照：Xgboots LightGbm booster(default=gbtree) boosting(default=gbdt) eta(default=0.3) learning_rate(default=0.1) max_depth(default=6) num_leaves(default=31) min_child_weight(default=1) min_sum_hessian_in_leaf(1e-3) gamma(de…...
2024/4/18 3:29:03
html与jsp开发分离技术
在传统的JSP程序中，我们将HTML代码与Java代码混合在一起编写，这样虽然方便，但同时也导致页面难以维护，HTML开发人员和JSP开发人员负担加重，我们可以将这种传统的技术成为页面拉数据技术。怎样才能做到将HTML开发和JSP开发分离呢？答案就是使用Tag技术，通过使用Tag技术，…...
2024/4/16 18:27:47
视频直播APP源码开发完成后，还有哪些重点内容？
直播平台有多种多样的流量变现方式，自从2016年“全民直播”时代开启后，越来越多的人涌入网络视频直播行业。一时间，视频直播APP源码也成为了运营方关注的焦点，尤其是那些完全开源的视频直播APP源码，更是可以通过二次开发，玩转流量。不过，从近年来视频直播APP源码市场来看…...
2024/4/18 7:03:02
制定合理的软件测试流程
首先向大家介绍一下我理解的测试流程是什么，流程在词典上的解释是“工艺程序,从原料到制成品的各项工序安排的程序”，那测试流程就是指从软件测试开始到软件测试结束经过的一系列准备、执行、分析的过程。所以我认为测试流程并不是只存在于有完整测试团队的公司，它分布在每一…...
2024/4/17 3:14:19
http Content-type对照表
http://tools.jb51.net/table/http_content_type Content-Type，内容类型，一般是指网页中存在的Content-Type，用于定义网络文件的类型和网页的编码，决定浏览器将以什么形式、什么编码读取这个文件，比如用PHP输出图片文件、JSON数据、XML文件等非HTML内容时，就必须用head…...
2024/4/28 19:31:36
关于.dll文件的注册，如何注册.dll文件
如何注册DLL文件将您下载的 "*. DLL" 文件复制到 "C:\Windows\system32\" 系统目录下然后按 "Win键+R" 或单击 "开始"->"运行" 输入 "regsvr32 *.dll" 命令注册到系统文件。适用于Windows XP/2003/vista/win7…...
2024/4/16 18:27:47
GBDT算法梳理
GBDT有很多简称，有GBT（Gradient Boosting Tree）, GTB（Gradient Tree Boosting ）， GBRT（Gradient Boosting Regression Tree）, MART(Multiple Additive Regression Tree)，其实都是指的同一种算法。加法模型：一、前向分布算法其中，为基函数，为基函数的参数，为…...
2024/4/16 18:27:17
直播程序源码功能技术详解
直播现在愈发的火热，借助直播完成企业优化升级的商家也不在少数，今天我们就来围观一下，直播程序背后直播程序源码的都有哪些功能。 1.用户端直播大厅为用户提供视频播放操作和聊天界面信息，以及相关的发送消息、礼物、彩信等，即会员可以与主播进行语音私聊；聊吧：主要是…...
2024/3/31 23:23:44
Eclipse搭建jsp开发环境后建立jsp文件显示无法显示网页
------------可转载，但请注明出处------------ 如果建立jsp文件Run as 之后出现无法显示网页不一定是eclipse或者配置的问题。可能是IE浏览器的问题，因为 eclipse内嵌的是IE浏览器解决方法如下：下载腾讯电脑管家---电脑诊所---然后选择可以上QQ不能上网---然后重启成功了…...
2024/4/16 18:27:41
如何制作windows下的dll(动态链接库)以及如何使用DLL文件
DLL即动态链接库（Dynamic-Link Library）的缩写，相当于Linux下的共享对象。Windows系统中大量采用DLL机制，甚至内核的结构很大程度依赖于DLL机制。Windows下的DLL文件和EXE文件实际上是一个概念，都是PE格式的二进制文件。一般的动态库程序有lib文件和dll文件，lib文件是编译…...
2024/4/16 18:27:23
软件测试--测试过程模型（V，W，H，X）
文章目录V模型阶段步骤缺陷及解决W模型W模型强调局限性优点H模型优点缺点X模型 V模型 RAD（Rap Application Development，快速应用开发）模型是软件开发过程中的一个重要模型，由于其模型构图形似字母V，所以又称软件测试的V模型。阶段步骤 V模型大体可以划分为以下几个不同的…...
2024/4/20 17:44:00
解析直播间源码在网络直播中的应用领域
对于直播来讲源码就是稳固的“地基”，它所搭建出的网络直播不仅可以应用到单一的主播直播间，还可以应用到社会中的各个领域。毕竟直播现在已经开始逐渐渗透到社会的各行各业中，对人们的工作、学习乃至日常生活都起到了十分便利的作用。所以直播间源码构建出的直播系统都可以…...
2024/4/25 7:07:39
nginx下JSP开发环境搭建
1：nginx下JSP开发环境概述如果想在nginx服务器中使用JSP技术，要在nginx服务器中搭建JSP开发环境2：JDK的安装JDK — 即javaSDK，JDK是java的核心，包括java运行环境、java工具、java基础类库等。所以搭建JSP开发环境前，要安装JDK 到官网下载jdk，解压即安装。移动到/us…...
2024/4/27 12:34:47

Echarts设置字体和线条的颜色相关操作笔记

1.修改标题的颜色及背景

2.设置柱形图颜色

3.修改坐标字体颜色

4.设置了legend颜色

5.修改折现颜色

6.修改油表盘字体大小及颜色

7.柱状图文本鼠标浮动上的颜色设置

相关文章

最新文章