如何在HighCharts图表中获取图像水印?

wrrgggsh  于 2022-11-10  发布在  Highcharts
关注(0)|答案(4)|浏览(191)

我正在使用HighCharts Javascript库的一个Web应用程序,并希望有一个图像水印内的图表(让我们说一个小图像的左上角)。不仅显示这个水印图像在浏览器中,而且当有人将图表导出到JPG或PNG。
我曾经在一个也使用HighCharts的Web应用程序中的某个地方看到过这种情况,但我不记得是在哪里。
有什么建议吗?

lzfw57am

lzfw57am1#

你看这个:http://jsfiddle.net/highcharts/cDcw7/提示:我发现,这是很重要的导出功能,以正确的工作,网址开始与http://..

ncecgwcz

ncecgwcz2#

我一直无法使creditsitemStyle属性工作。
相反,我从Place text in center of pie chart - Highcharts中汲取灵感,想出了这个小提琴:http://jsfiddle.net/2P98N/22/

oxiaedzo

oxiaedzo3#

我认为可以通过credits选项将background: url(...)设置为itemStyle来完成此操作

ubby3x7f

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。

相关问题