Saving chart as PNG: filename is chart title or chart id

Author: tgoldina

src/firefly/js/charts/ui/PlotlyWrapper.jsx

@@ -3,21 +3,18 @@
  */
 
 import React, {Component, PropTypes} from 'react';
+import {get} from 'lodash';
 import {getPlotLy} from '../PlotlyConfig.js';
 import {logError} from '../../util/WebUtil.js';
 import Enum from 'enum';
 
 const PLOTLY_BASE_ID= 'plotly-plot';
 var counter= 0;
-var downloadCounter = 0;
-
-
 
 export const RenderType= new Enum([ 'RESIZE', 'UPDATE', 'RESTYLE', 'RELAYOUT', 'RESTYLE_AND_RELAYOUT', 'NEW_PLOT'],
              { ignoreCase: true });
 
 
-
 const defaultConfig= {
     displaylogo: false,
     modeBarButtonsToRemove :[
@@ -31,10 +28,10 @@ export function downloadChart(chartId) {
     getPlotLy().then( (Plotly) => {
         const chartDiv = document.getElementById(chartId);
         if (chartId && chartDiv) {
-            downloadCounter++;
+            const filename = get(chartDiv, 'layout.title') || chartId;
             Plotly.downloadImage(chartDiv, {
                 format: 'png',
-                filename: `plotly-${chartId.replace(/\-.*$/, downloadCounter)}`
+                filename
             });
         } else {
             logError(`Image download has failed for chart id ${chartId}`);