我正在使用HighCharts Javascript库的一个Web应用程序,并希望有一个图像水印内的图表(让我们说一个小图像的左上角)。不仅显示这个水印图像在浏览器中,而且当有人将图表导出到JPG或PNG。我曾经在一个也使用HighCharts的Web应用程序中的某个地方看到过这种情况,但我不记得是在哪里。有什么建议吗?
lzfw57am1#
你看这个:http://jsfiddle.net/highcharts/cDcw7/提示:我发现,这是很重要的导出功能,以正确的工作,网址开始与http://..
ncecgwcz2#
我一直无法使credits的itemStyle属性工作。相反,我从Place text in center of pie chart - Highcharts中汲取灵感,想出了这个小提琴:http://jsfiddle.net/2P98N/22/
credits
itemStyle
oxiaedzo3#
我认为可以通过credits选项将background: url(...)设置为itemStyle来完成此操作
background: url(...)
ubby3x7f4#
下面是添加水印的代码片段:
Highcharts.chart('container', { chart: { renderTo: 'container', events: { load: function() { this.renderer.image('https://wp-assets.highcharts.com/svg/highcharts-logo.svg', 80, 40, 484, 125) .add(); } } }, credits: { text: 'highcharts.com', href: 'http://highcharts.com' }, //... ... ...
注意:highcharts是否应该将url更改为他们的svg:
https://wp-assets.highcharts.com/svg/highcharts-logo.svg
......上面的方法行不通。我在导出时也测试了它...这种技术允许导出包括所有类型的水印图像,除了csv & xls。
4条答案
按热度按时间lzfw57am1#
你看这个:http://jsfiddle.net/highcharts/cDcw7/提示:我发现,这是很重要的导出功能,以正确的工作,网址开始与http://..
ncecgwcz2#
我一直无法使
credits
的itemStyle
属性工作。相反,我从Place text in center of pie chart - Highcharts中汲取灵感,想出了这个小提琴:http://jsfiddle.net/2P98N/22/
oxiaedzo3#
我认为可以通过
credits
选项将background: url(...)
设置为itemStyle
来完成此操作ubby3x7f4#
下面是添加水印的代码片段:
注意:highcharts是否应该将url更改为他们的svg:
......上面的方法行不通。
我在导出时也测试了它...这种技术允许导出包括所有类型的水印图像,除了csv & xls。