solar_chart = function(showDAM){ var data = [ { y: monthly_solar_price.map(d=>d[1].price), x: monthly_solar_price.map(d=>d[1].start_date), mode: 'lines+markers', line: {shape: '', color: col, width: 1.5}, type: 'scatter', showlegend:showDAM, fill:'tozeroy', name:'APP Solar Benchmark', hovertemplate: "%{x}
" + "%{y:,.0f} %{yaxis.title.text}" + "", } , { y: annual_mean.map(d=>d[1]), text: annual_mean.map(d=>'$'+d3.format(',.0f')(d[1])+'/MWh'), x: annual_mean.map(d=>DateTime.fromObject({year:d[0],month:6,day:1}).toJSDate()), mode: 'markers+text', marker: { color: '#444', size: 8},textposition:'topright', type: 'scatter', showlegend:false, name:'', hoverinfo:'text' } ] if (showDAM) { data.push({ y: monthly.map(d=>d.price_mean), x: monthly.map(d=>d.date), mode: 'lines+markers', line: {shape: '', color: '#444', width: 1}, marker:{size:2}, type: 'scatter', showlegend:true, fill:'', name:'SAPP DAM Average Price', hovertemplate: "%{x}
" + "%{y:,.0f} %{yaxis.title.text}" + "", }) } var layout = { height: 220, width: width-30, font: font, showlegend: true, legend: {orientation: 'h',xanchor: 'left', x:0, y: 1}, margin: {l: 50,r: 5,b: 30,t: 0}, xaxis: { showgrid: true, zeroline: false, ticks: 'outside', range:[d3.min(monthly_solar_price, d=>d[1].start_date),d3.max(monthly_solar_price, d=>d[1].start_date)] }, yaxis: { range: [20,230], title: `$/MWh`, showgrid: true, zeroline: false, tickformat: '.0f', ticks:'outside' } }; const div=container('Monthly average APP Solar Benchmark price from 2016 to date.') plt.newPlot(div, data, layout,{displayModeBar: false}); return div }