CODEWITHSUNDEEP
svgchartshighchartsserverexport
DavidDunham
DavidDunham

Reputation: 1362

Highcharts export server does not export labels

Demo: https://jsfiddle.net/L6ca89dh/4/

When I export (click the hamburger and click export SVG) the Data-Labels display fine.

When I use my highcharts-export-server they do not:

enter image description here

*** This is how is is supposed to look:

enter image description here

Code snippet of chart item

var chart = {
title: {
  text: null
},
time: {
  useUTC: false
},
chart: {
  width: 1200,
  height: 600,
  plotBackgroundColor: null,
  plotBorderWidth: 0,
  plotShadow: false,
  spacing: 0,
        type: 'spline'
},
xAxis: {
  //startOnTick: true
},
    yAxis: {
    title: {
        text: 'Performance (%)'
    },
    //min: 0
},      
legend: {
  enabled: true,
        navigation: false,
        itemStyle: {"fontSize": "11px", "fontWeight": "normal"}
},
rangeSelector: {
  enabled: false
},
scrollbar: {
  enabled: false
},
navigator: {
  enabled: false
},
credits: {
  enabled: false
},
plotOptions: {
        spline: {
            compare: 'percent',
        marker: {
            enabled: true
        }
    },
},
series: series
  };

Upvotes: 0

Views: 427

Answers (1)

pawel_d
pawel_d

Reputation: 3070

Do you mean that series labels are not visible on an exported image when using node export server (https://github.com/highcharts/node-export-server) on your side? If so, the reason behind it is because the series-label script (https://code.highcharts.com/modules/series-label.js) isn't included among other additional scripts (such as xrange) in the build.js file. All you need to do is to add the following:

'{{version}}/modules/series-label.js': 1

inside the cdnScriptsOptional array and run node build.js. For more information you can visit repo of the exporting server (https://github.com/highcharts/node-export-server).

Upvotes: 3

Related Questions