Highcharts设置背景颜色和不透明度
Highcharts set background color and opacity
对于类型为area的图表,有没有办法在高图中设置背景颜色和不透明度?
根据文档,您必须通过将颜色指定为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: {
// gridLineWidth: 0,
// lineWidth: 0,
// minorGridLineWidth: 0,
title:{
style: {
color : "white"
},
margin: 50,
text: "February"
},
labels: {
style : {
color: "white"
},
},
categories: newjavascriptArray
},
yAxis: {
allowDecimals: false,
title: {
style: {
color : "white"
},
text: "Points"
},
labels : {
style: {
color: "white"
},
},
},
plotOptions: {
series: {
color: "#00A6CE",
lineColor: "#00A6CE",
fillColor: 'rgb(0, 166, 206, 0.4)',
// fillOpacity: 0.8,
marker : {
fillColor: "#00A6CE"
},
},
line: {
dataLabels: {
enabled: false
},
enableMouseTracking: true
}
},
legend: {
layout: 'vertical',
align: 'right',
verticalAlign: 'middle',
borderWidth: 2,
color: "white"
},
series: [{
name: 'Points Ray',
color: "white",
dataLabels: {
color:"white"
},
data: valueArray
}]
});
});
http://api.highcharts.com/highcharts#plotOptions.area.fillOpacity
请注意,设置显式fillColor时,不会应用fillOpacity。
因此不能使用fillOpacity属性。
我试过你的代码fillColor: 'rgb(0, 166, 206, 0.4)'
不支持不透明度,但与fillColor: 'rgba(0, 166, 206, 0.4)'
希望得到帮助。
相关文章:
- 如何更改文本框控件的不透明度值
- 用图像而不是颜色填充对象(将图像绘制到画布上)
- 在js中访问元素时不透明度和样式未定义,但在css中定义
- Greenstock不透明度动画从0到1再返回
- 如何在html画布上替换ByImage()而不是drawImage()(忽略不透明度)
- 设置1400个Raphael.js对象的不透明度动画会影响动画性能
- 将鼠标悬停在图像上,图像的不透明度和图像下方标题的颜色会发生变化..同样,当标题变成两行时,它会破坏格式
- Highcharts设置背景颜色和不透明度
- 如何在高图表中更改单个气泡的颜色和不透明度
- 更改相位器精灵的某些颜色的不透明度
- 如何在滚动时仅更改导航的背景颜色,而不更改文本和徽标不透明度
- 鼠标悬停时更改背景颜色不透明度
- 角度材质-更改对比度颜色不透明度
- 如何使用javascript更改背景(而非文本)颜色不透明度
- 我已经将背景颜色设置为白色,但是父元素的不透明度如何影响它
- 平滑动画背景颜色不透明度后,基础图像加载
- 改变背景颜色不透明度与时间间隔
- Angular-chart.js条形图,颜色100%不透明度
- 在Famo.us中转换颜色(或非转换/不透明度CSS属性)的正确方式
- 在十六进制颜色值的情况下,使用jquery或javascript设置边框的不透明度