HighChart-如何在HighChart打印中应用覆盖字幕样式的CSS

Question

我必须将 HighChart SubTitle 带到左对齐，因此我在图表中使用以下代码覆盖了样式

.highcharts-subtitle{
            left: 100px !important;
        }

我能够在图表视图中看到此更改，但是当我导出SubTitle时，它又回到了居中对齐状态。

JSFiddle link:

图表视图：

导出视图：

如何使用左对齐导出SubTitle。

Answer 1

您应该通过 x 属性放置字幕元素：

subtitle: {
  useHTML: true,
  align: 'left',
  text: 'SubTitle: line1 <br/> SubTitle: line2 ',
  x: 100
}

实时演示：http://jsfiddle.net/BlackLabel/u4qpod2a/

您还可以查看以下主题：Highcharts css styles when exporting，以了解如何导出具有CSS样式的图表。