Highcharts.chart('damage_viz', { chart: { type: 'area', backgroundColor: "transparent" }, title: { text: "" }, exporting: { enabled: false }, tooltip: { formatter: function () { return 'If your group allocates ' + this.x + '% to the group account a damage would cause a loss of ' + this.y + '% of your stock.'; } }, xAxis: { categories: [0,10,20,30,40,50,60,70,80,90,100], title: { text : "Share of Total Endowments Allocated to Group Account" }, labels: { format: '{value}%' }, }, yAxis: { title: { text : "Possible Damage of Stock in Percent" }, labels: { format: '{value}%' }, }, legend: { enabled: false }, plotOptions: { series: { fillColor: { linearGradient: [0, 0, 0, 300], stops: [ [0, "rgba(217, 83, 79, 0.5)"], [1, "rgba(217, 83, 79, 0.05)"] ] }, color: "#d9534f", marker: { enabled: false } } }, series: [{ name: 'Possible Damage', data: [50,45,40,35,30,25,20,15,10,5,0] }] });