我正在尝试设置Highcharts标签的样式。选项之一是style: CSSObject
但与许多Highcharts CSSObject一样,它实际上并不需要CSS。它完全阻塞了background-color:
,我似乎找不到有效的语法。
labels: {
items: [{
html: "<p>Box of text. But how do I set the Background Color?</p>",
style: {
left: '60px',
top: '20px',
width: '250px',
fontSize: '10px',
backgroundColor: '#fffdcc'
}
}]
},
如何设置背景颜色?小提琴
我认为在highcharts API中这是不可能的。我建议您只将自己的html元素添加到图表中,例如
<div id="addText" style="position:absolute; left:0px; top:0px;"></div>
var textX = 200;
var textY = 80;
var span = '<span id="labelText" style="position:absolute; text-align:center;width:150px;background-color:red">';
span += '<span style="font-size: 14px">Box of text with the background set.</span><br>';
span += '</span>';
$("#addText").append(span);
span = $('#labelText');
span.css('left', textX + (span.width() * -0.5));
span.css('top', textY + (span.height() * -0.5));
很明显,作为标准html / css,您可以根据需要设置样式。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句