node-export-server
node-export-server copied to clipboard
highcharts
Export with svg icon not working for svg type
As a follow up on https://github.com/highcharts/node-export-server/issues/384 I encountered an issue with version 5.0.0. It is reproducable in the UI of highcharts-export-server when exporting a chart.
When providing the provided options object the png, jpg and pdf are fine. The svg+data version though is not exporting. No explicit error is provided.
When I remove the marker with "url(data:image/svg+xml;base64,..." it is fine, but I do need this svg icon in there.
{
"chart": {
"zooming": {
"type": "xy"
},
"spacingTop": 30,
"backgroundColor": "rgba(255, 255, 255, 0)",
"width": 950,
"animation": false,
"marginLeft": 90,
"marginRight": 20
},
"title": {
"text": ""
},
"legend": {
"enabled": true,
"align": "center",
"verticalAlign": "bottom",
"itemMarginBottom": 5,
"symbolRadius": 0,
"itemWidth": 300,
"itemDistance": 0
},
"series": [
{
"type": "areasplinerange",
"pointStart": 0,
"visible": true,
"marker": {
"enabled": false
},
"data": [
[
1746050400000,
0,
0
],
[
1767222000000,
0,
0
],
[
1798758000000,
0,
0
],
[
1830294000000,
0,
0
],
[
1861916400000,
0,
0
],
[
1893452400000,
0,
0
],
[
1903816800000,
0,
0
]
],
"index": 3,
"zIndex": 0,
"color": "rgb(191, 210, 236)",
"lineWidth": 1,
"showInLegend": false,
"enableMouseTracking": false,
"fillOpacity": 0.15000000000000002
},
{
"type": "areasplinerange",
"pointStart": 1,
"visible": true,
"marker": {
"enabled": false
},
"data": [
[
1746050400000,
0,
0
],
[
1767222000000,
0,
0
],
[
1798758000000,
0,
0
],
[
1830294000000,
0,
0
],
[
1861916400000,
0,
0
],
[
1893452400000,
0,
0
],
[
1903816800000,
0,
0
]
],
"index": 3,
"zIndex": 0,
"color": "rgb(191, 210, 236)",
"lineWidth": 1,
"showInLegend": false,
"enableMouseTracking": false,
"fillOpacity": 0.35
},
{
"type": "areasplinerange",
"pointStart": 2,
"visible": true,
"marker": {
"enabled": false
},
"data": [
[
1746050400000,
0,
0
],
[
1767222000000,
0,
0
],
[
1798758000000,
0,
0
],
[
1830294000000,
0,
0
],
[
1861916400000,
0,
0
],
[
1893452400000,
0,
0
],
[
1903816800000,
0,
0
]
],
"index": 3,
"zIndex": 0,
"color": "rgb(191, 210, 236)",
"lineWidth": 1,
"showInLegend": false,
"enableMouseTracking": false,
"fillOpacity": 1
},
{
"type": "areasplinerange",
"pointStart": 3,
"visible": true,
"marker": {
"enabled": false
},
"data": [
[
1746050400000,
0,
0
],
[
1767222000000,
0,
0
],
[
1798758000000,
0,
0
],
[
1830294000000,
0,
0
],
[
1861916400000,
0,
0
],
[
1893452400000,
0,
0
],
[
1903816800000,
0,
0
]
],
"index": 3,
"zIndex": 0,
"color": "rgb(191, 210, 236)",
"lineWidth": 1,
"showInLegend": false,
"enableMouseTracking": false,
"fillOpacity": 0.3500000000000001
},
{
"type": "areasplinerange",
"pointStart": 4,
"visible": true,
"marker": {
"enabled": false
},
"data": [
[
1746050400000,
0,
0
],
[
1767222000000,
0,
0
],
[
1798758000000,
0,
0
],
[
1830294000000,
0,
0
],
[
1861916400000,
0,
0
],
[
1893452400000,
0,
0
],
[
1903816800000,
0,
0
]
],
"index": 3,
"zIndex": 0,
"color": "rgb(191, 210, 236)",
"lineWidth": 1,
"showInLegend": false,
"enableMouseTracking": false,
"fillOpacity": 0.1499999999999999
},
{
"type": "spline",
"pointStart": 0,
"visible": true,
"marker": {
"enabled": false
},
"name": "1",
"data": [
[
1746050400000,
0
],
[
1767222000000,
0
],
[
1798758000000,
0
],
[
1830294000000,
0
],
[
1861916400000,
0
],
[
1893452400000,
0
],
[
1903816800000,
0
]
],
"index": 4,
"zIndex": 1,
"color": "rgba(150, 150, 150, 1)",
"lineWidth": 3,
"showInLegend": true,
"enableMouseTracking": true
},
{
"yAxis": 1,
"name": "John Doe",
"type": "scatter",
"zIndex": 7,
"data": [
{
"x": 1798758000000,
"y": 0
}
],
"marker": {
"enabled": true,
"height": 18,
"width": 18,
"radius": 25,
"symbol": "url(data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSIgZGF0YS1wcmVmaXg9ImZhcyIgZGF0YS1pY29uPSJ1c2VyIiBjbGFzcz0ic3ZnLWlubGluZS0tZmEgZmEtdXNlciIgcm9sZT0iaW1nIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48cGF0aCBmaWxsPSIjMjhhMDg1IiBkPSJNMjI0IDI1NkExMjggMTI4IDAgMSAwIDIyNCAwYTEyOCAxMjggMCAxIDAgMCAyNTZ6bS00NS43IDQ4Qzc5LjggMzA0IDAgMzgzLjggMCA0ODIuM0MwIDQ5OC43IDEzLjMgNTEyIDI5LjcgNTEybDM4OC42IDBjMTYuNCAwIDI5LjctMTMuMyAyOS43LTI5LjdDNDQ4IDM4My44IDM2OC4yIDMwNCAyNjkuNyAzMDRsLTkxLjQgMHoiPjwvcGF0aD48L3N2Zz4=)"
},
"dataLabels": {
"enabled": false
}
}
],
"plotOptions": {
"areasplinerange": {
"lineWidth": 0,
"marker": {
"lineWidth": 1,
"radius": 3,
"symbol": "circle"
},
"tooltip": {
"pointFormat": ""
}
},
"spline": {
"lineWidth": 3,
"marker": {
"lineWidth": 1,
"radius": 5,
"symbol": "circle"
}
},
"series": {
"animation": false,
"point": {
"events": {}
},
"stickyTracking": false
},
"column": {
"stacking": "normal",
"grouping": false,
"pointPadding": 0.15,
"groupPadding": 0
}
},
"xAxis": {
"title": {},
"plotLines": [
{
"color": "rgb(153,153,153)",
"width": 1,
"zIndex": 5,
"dashStyle": "Dash",
"value": 1798758000000
}
],
"labels": {
"useHTML": false
},
"type": "datetime",
"dateTimeLabelFormats": {
"month": "%b %Y"
},
"min": 1730415600000,
"max": 1909087200000
},
"yAxis": [
{
"allowDecimals": false,
"reversedStacks": false,
"startOnTick": true,
"minPadding": 0,
"offset": 5,
"labels": {
"align": "right",
"x": 0,
"useHTML": false
}
},
{
"title": {
"text": ""
},
"labels": {
"enabled": false
},
"minPadding": 0,
"height": "0%",
"offset": 0,
"top": "-6%",
"categories": [
""
],
"gridLineWidth": 0
}
],
"noData": {
"style": {
"fontSize": "20",
"fontWeight": "normal"
}
}
}
