导出海图中的文本预留空间

Question

我们有一个条形图，它基于给定容器中的数据增长/缩小。我们还允许用户将图表导出为PDF。在导出过程中，一些文本被放置在预先确定的位置.

当图表足够高时，图表就会进入文本。当我调整sourceWidth和/或sourceHeight时，图表就会增长到占用所有的空间。本质上，我正在寻找方法，以便在导出的文档中为文本保留一些空间，这样栏就不会出现在文本中。我该怎么做？

注意左边条形图的最上面的两个块，它们都在文本中运行。

​

我的出口代码是：

    $scope.exportPdf = function() {
        var chart = $("#group-chart").highcharts();
        var exportOptions = {
            type: "application/pdf",
            filename: "Chart",
            sourceWidth: 850,
            sourceHeight: 1100
        };
        var chartOptions = {
            yAxis: {
                gridLineWidth: 0,
                labels: {
                    enabled: false
                },
                title: {
                    text: null
                }
            }
        };
        chart.exportChart(exportOptions, chartOptions);
    };

我在load事件的exporting.chartOptions.chart.events中包含了一些文本如下：

this.renderer.text(disclaimerText, 100, 100)
    .css({
    fontSize: "60%",
    lineHeight: "10%",
    width: "600px"
    }).add();

Answer 1

如果已呈现文本的位置已知，则可以设置导出图表的边距顶部。

 chart: {
    marginTop: 150,
    events: {
      load: function() {
        this.renderer.text('custom text', 100, 100)
          .css({
            fontSize: "60%",
            lineHeight: "10%",
            width: "600px"
          }).add();
      }
    }
  },

示例：http://jsfiddle.net/5jvpzsqm/