I have tried several times using other examples available but still no luck here’s the code https://jsfiddle.net/mrbfqay6/ P.S: you just need to add a random amount in first input field and then click submit to generate graph. Thanks
JavaScript
x
2
1
function renderChart(){
2
chart = new Highcharts.Chart({
JavaScript
1
60
60
1
chart: {
2
renderTo: 'container',
3
type: 'column',
4
marginRight: 20,
5
events: {
6
load: function() {
7
// nothing to do here right now
8
}
9
}
10
},
11
title: {
12
text: 'Some random data'
13
},
14
xAxis: {
15
tickPixelInterval: 50
16
},
17
yAxis: {
18
title: {
19
text: 'Value'
20
}
21
},
22
exporting: {"enabled":true},
23
tooltip: {
24
formatter: function() {
25
return '<b>' + this.series.name + '</b><br/>' +
26
Highcharts.dateFormat('%Y-%m-%d %H:%M:%S', this.x) + '<br/>' +
27
Highcharts.numberFormat(this.y, 2);
28
}
29
},
30
legend: {
31
enabled: true
32
},
33
exporting: {
34
enabled: false
35
}, plotOptions: {
36
column: {
37
stacking: 'normal',
38
39
}
40
},
41
series: [{
42
name: ' Amortization',
43
data:amort_data,
44
45
46
}
47
,{
48
name: 'Saving',
49
data: wow_saving,
50
stack:'wow'
51
52
},
53
{
54
name: 'Financing',
55
data: lease_data,
56
stack: 'wow'
57
58
59
}
60
] });
}
Advertisement
Answer
You have defined options for exporting
twice:
JavaScript
1
11
11
1
chart = Highcharts.chart({
2
exporting: {
3
"enabled": true
4
},
5
,
6
exporting: {
7
enabled: false
8
},
9
10
});
11
Which results in disabled exporting. You just need to enable it.
Live demo: https://jsfiddle.net/BlackLabel/na5rc2s9/
API Reference: https://api.highcharts.com/highcharts/exporting.enabled