Highcharts.chart('container', { title: { text: 'Financial data' }, subtitle: { text: 'Source: yahoo.com' }, xAxis: { type: 'datetime' }, yAxis: { title: { text: 'Value' } }, plotOptions: { area: { fillColor: { linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 }, stops: [ [0, Highcharts.getOptions().colors[0]], [1, Highcharts.Color(Highcharts.getOptions().colors[0]).setOpacity(0).get('rgba')] ] }, marker: { radius: 2 }, lineWidth: 1, states: { hover: { lineWidth: 1 } }, threshold: null } }, legend: { layout: 'vertical', align: 'right', verticalAlign: 'middle' }, series: [{ type: 'area', name: 'Open', data: [ {{ range .Rows }} [ {{ .Date }}, {{ .Open }} ], {{ end }} ] },{ type: 'area', name: 'Close', data: [ {{ range .Rows }} [ {{ .Date }}, {{ .Close }} ], {{ end }} ] }] });