在highcharts中导出图表时如何添加文本?

在highcharts中导出图表时如何添加文本?,charts,highcharts,ionic3,Charts,Highcharts,Ionic3,我有一个折线图,我可以将图表导出为pdf或图像 我想知道我是否可以在图表下方添加一些额外的文本,只有在我导出它时才可以?例如,有关图表数据的附加信息 我想导出如下所示的图表: 我使用离子v3 如果可能的话,我想看看示例代码 谢谢。请参阅此现场演示: 我通过在导出.chartOptions中操作图表.height和图表.marginBottom为文本区域创建了一些空间。我通过更改某些元素的y偏移量来调整它们的位置(积分、图例) 文本和行可以通过svgrender呈现加载事件是放置负责加载的代码的适

我有一个折线图,我可以将图表导出为pdf或图像

我想知道我是否可以在图表下方添加一些额外的文本,只有在我导出它时才可以?例如,有关图表数据的附加信息

我想导出如下所示的图表:

我使用离子v3

如果可能的话,我想看看示例代码


谢谢。

请参阅此现场演示:

我通过在
导出.chartOptions
中操作
图表.height
图表.marginBottom
为文本区域创建了一些空间。我通过更改某些元素的
y
偏移量来调整它们的位置(积分、图例)

文本和行可以通过
svgrender
呈现<代码>加载事件是放置负责加载的代码的适当位置

  chart: {
    height: 300,
    width: 600
  },

  exporting: {
    chartOptions: {
      chart: {
        height: 600,
        marginBottom: 300,
        events: {
          load: function() {
            var renderer = this.renderer;

            renderer.path(['M', 30, 385, 'L', 570, 385, 'Z']).attr({
              stroke: 'black',
              'stroke-width': 1
            }).add();

            renderer.text('Some text...', 30, 400).add();
          }
        }
      },
      legend: {
        y: -220
      },
      credits: {
        position: {
          y: -220
        }
      }
    }
  }

API参考资料:


    • 请参阅本现场演示:

      我通过在
      导出.chartOptions
      中操作
      图表.height
      图表.marginBottom
      为文本区域创建了一些空间。我通过更改某些元素的
      y
      偏移量来调整它们的位置(积分、图例)

      文本和行可以通过
      svgrender
      呈现<代码>加载事件是放置负责加载的代码的适当位置

        chart: {
          height: 300,
          width: 600
        },
      
        exporting: {
          chartOptions: {
            chart: {
              height: 600,
              marginBottom: 300,
              events: {
                load: function() {
                  var renderer = this.renderer;
      
                  renderer.path(['M', 30, 385, 'L', 570, 385, 'Z']).attr({
                    stroke: 'black',
                    'stroke-width': 1
                  }).add();
      
                  renderer.text('Some text...', 30, 400).add();
                }
              }
            },
            legend: {
              y: -220
            },
            credits: {
              position: {
                y: -220
              }
            }
          }
        }
      

      API参考资料:


      对于Highcharts 7.2.0,您可以在导出中包含的图表之外添加
      标题(

      例如():

      Highcharts.chart('container'{
      系列:[{
      数据:[1,4,3,5],
      }],
      标题:{
      文本:“示例
      Lorem ipsum dolor sit amet。” } });
      对于Highcharts 7.2.0,您可以在导出中包含的图表之外添加
      标题(

      例如():

      Highcharts.chart('container'{
      系列:[{
      数据:[1,4,3,5],
      }],
      标题:{
      文本:“示例
      Lorem ipsum dolor sit amet。” } });
      hi,@Kamil如何用Highchart创建顶部文本我想,如果不修改Highcharts核心代码,这将非常困难。您是否考虑过简单地应用
      chart.marginTop
      ,向下移动标题,并在标题的原始位置(图表顶部)呈现自定义文本?演示:嗨,@Kamil如何用Highcharts创建顶部的文本我想,如果不修改Highcharts的核心代码,这将是非常困难的。您是否考虑过简单地应用
      chart.marginTop
      ,向下移动标题,并在标题的原始位置(图表顶部)呈现自定义文本?演示:或者,您可以通过在导出:{chartOptions:…}}}覆盖中指定标题,仅在导出中包含标题,也可以通过在导出:{chartOptions:…}}覆盖中指定标题,仅在导出中包含标题-