使用渲染器时,Highcharts导出到图像不遵守类名

时间:2019-10-17 19:34:31

标签: javascript highcharts

我正在将一些文本呈现到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导出的错误/限制吗?还是我缺少某些东西?谢谢

0 个答案:

没有答案