时间戳

首页 > 解决方案 > 在 highcharts 甘特图中使用自定义数据标签图像导出

highcharts - 在 highcharts 甘特图中使用自定义数据标签图像导出

问题描述

在下面的示例中，我尝试将每个点的图像（自定义数据标签中的 img 标签）放入导出的文件中，但是导出后它们会消失。示例链接：https ://jsfiddle.net/meysamm22/eohdp897/3/

或：https ://jsfiddle.net/BlackLabel/y02sjkvg/

我也使用了一些相关的选项，但它们对我没有帮助。

exporting: {
            allowHTML: true,
             width: 5200,
            sourceWidth: 3200,
            chartOptions: {
                plotOptions: {
                    series: {
                        dataLabels: {
                            enabled: true
                        }
                    }
                }
            }
        }

标签： highcharts

解决方案

由于该功能，您dataLabels被呈现为出色的 HTML 元素。useHTML要在导出的图表中也呈现它们，您需要将exporting.allowHTML选项设置为 true。

演示：https ://jsfiddle.net/BlackLabel/j1zp7het/

    exporting: {
        allowHTML: true
    }

API：https ://api.highcharts.com/highcharts/exporting.allowHTML

推荐阅读