Highcharts在导出时添加图例

Highcharts在导出时添加图例,highcharts,legend,Highcharts,Legend,我试图在将图表导出为PNG时在饼图上添加图例。 这是我的密码: var chart_23_106; $(document).ready(function () { chart_23_106 = new Highcharts.Chart({ chart: { type: 'pie', renderTo: 'container_23_106', plotBackgroundColor: null, plotBorderWidth: null, plotShadow: false },

我试图在将图表导出为PNG时在饼图上添加图例。 这是我的密码:

var chart_23_106;
$(document).ready(function () {
chart_23_106 = new Highcharts.Chart({
    chart: { type: 'pie', renderTo: 'container_23_106', plotBackgroundColor: null, plotBorderWidth: null, plotShadow: false },
    title: { text: 'NRJ' },
    tooltip: { pointFormat: '{series.name}: <b>{point.percentage}%</b>', percentageDecimals: 1 },
    plotOptions: {
        pie: { borderWidth: 0, shadow: false, allowPointSelect: true, cursor: 'pointer', dataLabels: { enabled: false } }
    },
    colors: ['#9F9F9F','#BE6EBE','#FFA74F','#B7B7D0','#CBE22A','#00C8C8'],
    credits: { enabled: false, text: "Source: Air Normand", href: "" },
    exporting:{ buttons: {
            printButton: {enabled:false},
            exportButton: {menuItems:null,onclick:function(){this.exportChart(null, 
                                        { chart: {reflow: false, width: 400}, 
                                          title: {text: "Répartition de la Consommation"}, 
                                          subtitle: {text: "Haute-Normandie"}, 
                                          plotOptions: {pie: {dataLabels: {enabled: true}, showInLegend: true}}, 
                                          credits: {enabled: true} }
                                    );}}
    }},
    lang: {exportButtonTitle: "Export image au format PNG"},
    series: [{
        type: 'pie',
        name: 'Proportion',
        data: [
        ['Activite 1',   684.6],
        ['Activite 2',   564.7],
        ['Activite 3',   244.4],
        ['Activite 4',   42.8],
        ]
    }]
});
});
var图23\u 106;
$(文档).ready(函数(){
chart_23_106=新高图表。图表({
图表:{type:'pie',renderTo:'container_23_106',plotBackgroundColor:null,plotBorderWidth:null,plotShadow:false},
标题:{text:'NRJ'},
工具提示:{pointFormat:'{series.name}:{point.percentage}%',percentageDecimals:1},
打印选项:{
饼图:{borderWidth:0,shadow:false,allowPointSelect:true,游标:'pointer',数据标签:{enabled:false}
},
颜色:['9F9F9F'、'BE6EBE'、'FFA74F'、'B7B7D0'、'CBE22A'、'00C8C8'],
信用证:{enabled:false,文本:“Source:Air Normand”,href:“},
导出:{按钮:{
printButton:{已启用:false},
exportButton:{menuItems:null,onclick:function(){this.exportChart(null,
{图表:{回流:错误,宽度:400},
标题:{正文:“合并的分割”},
副标题:{正文:“上诺曼底”},
plotOptions:{pie:{dataLabels:{enabled:true},showInLegend:true},
信用证:{已启用:真}
);}}
}},
lang:{exportButtontTitle:“导出图像au格式PNG”},
系列:[{
键入“pie”,
名称:'比例',
数据:[
[Activite 1',684.6],
[Activite 2',564.7],
[Activite 3',244.4],
[Activite 4',42.8],
]
}]
});
});
在函数exportChart中,除plotOptions外,其他所有选项都提供了正确的效果。在PNG文件中,标题被更改,字幕和字幕被添加,但数据标签和图例不会出现…
有人知道为什么吗?
有人能帮我吗?
谢谢

是的,可以通过禁用图表中的图例和导出参数()将此选项设置为活动

工作示例:

var图;
$(文档).ready(函数(){
图表=新的高点图表。图表({
图表:{
renderTo:'容器',
plotBackgroundColor:null,
plotBorderWidth:null,
plotShadow:false
},
标题:{
正文:“2010年特定网站的浏览器市场份额”
},
工具提示:{
pointFormat:“{series.name}:{point.percentage}%”,
百分比小数:1
},
图例:{
已启用:false
},
出口:{
图表选项:{
图例:{
已启用:true
}
}
},
打印选项:{
馅饼:{
allowPointSelect:true,
光标:“指针”,
数据标签:{
启用:对,
颜色:'#000000',
连接器颜色:'#000000',
格式化程序:函数(){
返回“+this.point.name+”:“+this.percentage+”%”;
}
}
}
},
系列:[{
键入“pie”,
名称:“浏览器共享”,
showInLegend:是的,
数据:[
['Firefox',45.0],
[IE',26.8],
{
名称:“Chrome”,
y:12.8,
切碎:是的,
所选:真
},
[Safari',8.5],
[Opera',6.2],
[“其他”,0.7]
]
}]
});
});

您只需在dataLabels:

    plotOptions: {
        series: {
            dataLabels: {
                enabled: true,
            }
        }
    }

对我来说,当我在导出选项中禁用导航时,它起到了作用:

  exporting: {
    chartOptions: {
      legend: {
        navigation: {
          enabled: false
        }
      }
    }
  },
  exporting: {
    chartOptions: {
      legend: {
        navigation: {
          enabled: false
        }
      }
    }
  },