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