我正在将一些文本呈现到Highchart上,并希望能够通过CSS类调整此文本的样式。这在浏览器中可以正常工作,但是在将图表导出为图像时,不会反映样式。如果我使用.css()函数手动添加样式,则它确实起作用,但是当使用.attr()或.addClass()函数添加类本身时,它却不能,如下所示:
// In the css
.testClass {
font-size: 50px;
}
// JS
Highcharts.chart('container', {
xAxis: {
categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
},
series: [{
data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
}]
}, function (chart) {
chart.renderer.text('Series 1', 140, 140)
.attr({
rotation: -25,
// Doesn't work
class: "testClass"
})
.css({
// Does work if line below is uncommented
//fontSize: '50px'
})
.add();
});
此JSFiddle演示了此问题: https://jsfiddle.net/y9ms6jw7/7/
如果将图表导出为图像格式,则文本为默认大小,而不是50px。
这是Highcharts导出的错误/限制吗?还是我缺少某些东西?谢谢