javascript - 在 highcharts 导出中包含图像

标签 javascript highcharts

作为我图表的一部分,我的图表左下角有一个带有公司 Logo 的自定义图像。当我导出图表(pdf、png 等)时,图像消失了。有没有办法使图像成为导出的一部分?

例如,在定义图表之后,我有这个代码片段来添加图像...

var chart = $('#my_chart').highcharts();
chart.renderer.image('/images/logo.gif',10,360,250,29).add();

最佳答案

之所以如此,是因为图表的状态在创建后发生了变化。我会将您的 Logo 添加到 chart.events.load区域如:

    chart: {
        events: {
            load: function(event) {
                 this.renderer.image('/images/logo.gif',10,360,250,29).add();
            }
        }        
    }

直播demo .

关于javascript - 在 highcharts 导出中包含图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24044167/

相关文章:

javascript - 如何从输入文件设置背景图像?

javascript - 使用来自 getschema.org IOT 的 JSON 数据获取 "thing"名称

javascript - Highchart 突出显示具有自定义颜色的点之间的区域

javascript - 如果日期值小于当前日期,如何更改水平条的背景颜色?

Highcharts 如何使用大数字在 y 轴上获取小数点值

javascript - 如何替换对象内部的属性名称? JavaScript

javascript - 在 Mithril JS 中等待 AJAX 请求时如何显示微调器?

javascript - jQuery 在修改 xml 时如何存储用作上下文参数的 xml?

javascript - 渲染动态数量的 highcharts 图表不起作用

javascript - highcharts 图表中的剪辑路径使线条不可见