console.log(base64) not working in Annotation and Drawing Mode about export HOT 5 CLOSED

Hi SD,

It's not necessary to call the capture method again, If you already entered the annotation mode, just if you wish to replace it's context. Therefore you just need to call the "toJPG" method directly like following:

// SAVE TO JPG
chart["export"].toJPG( {}, function( base64 ) {

  // LOG IMAGE DATA
  console.log( base64 );

  // CREATE LINK TO OPEN BASE64 IMAGE IN NEW TAB
  var a = document.createElement( "a" );
  a.setAttribute( "href", base64 );
  a.setAttribute( "target", "_blank" );
  a.setAttribute( "style", "display: block; margin-top: 150px;" );
  a.innerHTML = "Open embedded base64-image";

  var div = document.createElement( "div" );
  div.setAttribute( "style", "position: absolute; width: 100%; top:0; bottom: 0; background-color: rgba(255,255,255,.9); z-index: 1337; display: block;text-align: center;" );
  div.appendChild( a );

  this.setup.chart.div.appendChild( div );
} );

In addition following flag indicates if the chart is currently in annotation mode or not:

chart.export.drawing.buffer.enabled

from export.

Hi,

Your method worked. I changed chart["export"].toJPG to this.toJPG to make it work. However, I am unable to make use of the flag

When I try console.log(chart.export.drawing.buffer.enabled); just to check the result when in Annotation Mode, I get the following error
Uncaught ReferenceError: chart is not defined
When I try console.log(this.chart.export.drawing.buffer.enabled);
Cannot read property 'export' of undefined
When I try console.log(this.export.drawing.buffer.enabled);
Uncaught TypeError: Cannot read property 'drawing' of undefined

Please suggest since I would like to use the below logic

if (chart.export.drawing.buffer.enabled == TRUE) {
logic1;
} else {
logic2;
}

from export.

Please ensure your chart has been initiated / created and the export is ready to be able to check this flag. Following function does that, you just need to pass the instance you want to check:

    function chartInAnnotationMode( chart ) {
        var plugin = chart["export"] || {
            drawing: {
                buffer: {
                    enabled: false
                }
            }
        };
        var inAnnotationMode = plugin.drawing.buffer.enabled ? true : false;

        return chart.chartCreated && inAnnotationMode;
    }

from export.

Hi ,
I couldn't reset the annotations mode.
if (chart.export.drawing.buffer.enabled === true) {
}
I am using the above condition to check whether the chart is in annotations. once the annotated chart is exported , i just want to reset the annotations mode. Could somebody please let me know how to do that?

from export.

Try this:

chart["export"].drawing.handler.done();

from export.