【发布时间】:2020-11-11 18:14:08
【问题描述】:
Highcharts 可以有一个自定义的credits 部分;这也有对齐。
我希望右下角有一个网址,左下角有一个自定义文本(即当前日期/时间)。
添加它的最佳方式是什么,保持与演职员表相同的外观和感觉?
【问题讨论】:
标签: javascript svg text highcharts credits
Highcharts 可以有一个自定义的credits 部分;这也有对齐。
我希望右下角有一个网址,左下角有一个自定义文本(即当前日期/时间)。
添加它的最佳方式是什么,保持与演职员表相同的外观和感觉?
【问题讨论】:
标签: javascript svg text highcharts credits
使用 SVGRenderer 工具呈现自定义文本。
API:https://api.highcharts.com/class-reference/Highcharts.SVGRenderer#label
查看包含的演示。
编辑:
下面是一个简单的例子:https://jsfiddle.net/BlackLabel/x3om10L8/
chart: {
events: {
render() {
let chart = this,
credits = chart.credits,
creditsBB = credits.getBBox();
if (chart.customLabel) {
// keep label responsive
chart.customLabel.destroy();
}
chart.customLabel = chart.renderer.label('my custom text', 0, creditsBB.y - 5).css(credits.styles).add();
}
}
},
API:https://api.highcharts.com/highcharts/chart.events.render
【讨论】: