有没有办法在高图表中为区域类型的图表设置背景颜色和不透明度?
根据文档,您必须通过将颜色指定为 rgb 值,然后添加不透明度值来设置不透明度。但是,当我这样做时,图表的填充颜色为黑色。下面是我的代码
<script type="text/javascript">
$(function() {
var javascriptArray = <?php echo json_encode($array);?>;
var newjavascriptArray = <?php echo json_encode($uniqueDates);?>;
var valueArray = <?php echo json_encode($total); ?>;
var js_array2 = [5, 10, 15];
$('#container').highcharts({
credits : {
enabled: false
},
exporting:
{
enabled: false
},
chart: {
backgroundColor: '#10416A',
type: "area"
},
title: {
style : {
color: "white"
},
text: "Progress"
},
subtitle: {
style : {
color: "white"
},
text: 'Village Print & Media'
},
xAxis: {
// …Run Code Online (Sandbox Code Playgroud) 我正在尝试创建一个介于两个div之间的行.不幸的是,我不能让这条线在两个div之间垂直对齐.上面的图片是我目前得到的.下面是html.
.line {
vertical-align: middle;
margin-left: 120px;
margin-right: 200px;
border: 2px solid red;
}
section {
width: 100%;
margin: auto;
}
.home {
width: 20%;
margin-left: 50px;
float: left;
}
.logout {
width: 15%;
float: right;
margin-right: 50px;
}Run Code Online (Sandbox Code Playgroud)
<section>
<div class="home">Home</div>
<div class="line"></div>
<div class="logout">Reports
<button> <a href="web url"> log out </a>
</button>
</div>
</section>Run Code Online (Sandbox Code Playgroud)
我尝试过使用hr标签,但我也无法使用它.
当我在CSS中将线性渐变应用于主体时,如下所示
body
{
background: linear-gradient(#10416b, black);
}
Run Code Online (Sandbox Code Playgroud)
它不会将其应用于整个网页,而是将其应用于页面的前半部分,然后在下半部分从蓝色重新开始为黑色(#10416b是蓝色)。增加高度:100%;对身体没有任何改变。
我通过在CSS中执行以下操作解决了该问题
.background {
background: linear-gradient(#10416b, black);
height: 100%;
}
Run Code Online (Sandbox Code Playgroud)
而这在HTML
<!DOCTYPE html>
<html class="background">
// lots of unrelated code in between the tags
</html>
Run Code Online (Sandbox Code Playgroud)
但是我仍然不明白为什么在体内使用线性渐变设置背景不起作用。如果有人可以向我解释这一点,那就太好了。