highcharts - Exported Image Does Not Match Current Display On Web Page -
we using highstock 1.3.1 , java+phantomjs export server (using same version of exporter highstock). create charts on page. allow user show/hide series or change type of series (bar/line/scatter). have menu lets user select kind of export make:
<select size="4" name="ctl00$main_content$ctlmainresultsgraph$lstexportoptions" id="ctl00_main_content_ctlmainresultsgraph_lstexportoptions" class="chartmainmenu_body" onchange=" var chart = $('#chartmain').highcharts(); switch (this.value) { case 'jpeg': chart.exportchart({type: 'image/jpeg'}); break; case 'png': chart.exportchart({type: 'image/png'}); break; case 'svg': chart.exportchart({type: 'image/svg+xml'}); break; case 'pdf': chart.exportchart({type: 'application/pdf'}); break; }" style="text-align:left;font-weight:bold;"> <option value="jpeg">jpeg</option> <option value="png">png</option> <option value="svg">svg</option> <option value="pdf">pdf</option> </select>
when execute exported chart - original chart created on page load. interesting thing if click on legend such 1 series visible on chart , change type bar scatter , export chart show series on chart scatter type. looks of chart changes being "kept" , sent out via export method not all.
lists of test paths used:
- initial load - export (any option) , chart looks on page.
- uncheck 1 item in legend such 3 visible on chart. export chart , looks image in path 1.
- go single series , change chart type scatter such 1 series shown in chart. export chart , image looks in path 1 series scatter type.
i not able reproduce on jsfiddle our code looks stripped down important parts: jsfiddle.
Comments
Post a Comment