FLOT 차트로 범례 저장

FLOT을 사용하여 차트를 만듭니다. FLOT javascript 라이브러리의 버전 0.8.1로 업그레이드했기 때문에 차트 축을 캔버스와 함께 저장할 수 있습니다. 내가 가지고있는 유일한 문제는 차트 범례가 차트에 저장되지 않는다는 것입니다.FLOT 차트로 범례 저장

전설을 내 캔버스에 가져 오려면 어떻게해야합니까? 여기

는 HTML입니다 :

<div class="widget" id="flot_widget" data-collapsed="false" data-collapsible="true" data-icon="buildings" > 
<h3 class="handle">Market Data for: <input type="text" 
    placeholder="Municipality" 
    id="flotAverageSalePricesCity" 
    style="float:inherit; font-size: 15px; width:90px;"  
    required 
    data-regex="^[a-zA-Z. ]+$" /> 
    <span id="c3"></span> 
</h3> 
<div class="demo-container" id="demo-container" style="display:none; "> 
    <div id="placeholder" class="demo-placeholder" ></div>   
</div> 
</div>

여기에 자바 스크립트입니다 : 도움을

$("#flotAverageSalePricesCity").result(function(event, data, formatted) { 
if (data){ 
    $.ajax({ 
     url: sURL + "utility/ajaxmuniChart1c", 
     type: "POST", 
     data: {muni: data[0]}, 
     dataType: 'json',    
     success: function(json){ 
      if (data) {      
       myWidth = (document.getElementById('flot_widget').offsetWidth-15)+"px"; 
       myHeight = (document.getElementById('flot_widget').offsetWidth*.66)+"px"; 
       document.getElementById('demo-container').style.display = 'block';     
       document.getElementById('placeholder').style.width = myWidth; 
       document.getElementById('placeholder').style.height = myHeight;     
       var options = { 
        canvas: true, 
        series: { 
         lines: { show: true, fill: false, fillColor: "rgba(255, 255, 255, 0.8)" }, 
         points: { show: true, fill: true } 
        } 
       }; 
       if (document.getElementById('c3').childElementCount > 0){ 
        document.getElementById('c3').innerHTML = ""; 
       };          
       var plotArea = $.plot("#placeholder", [json], options);     
       var ctx = plotArea.getCanvas();         
       loc = sURL + 'php/saveme.php'; 
       var cs = new CanvasSaver(loc);     
       var btnDownload = cs.generateButton('Download', ctx, 'PTS_Chart');     
       c3.appendChild(btnDownload);      
      } 
     } 
    }) 
} 
})

감사합니다.

출처

2013-10-27 DanielAttard

현재 인 페이지로 볼 수 없습니다. WKHTML2PDF과 같은 전체 페이지 렌더러를 사용해야합니다.

캔버스에 범례 렌더링은 Flot 0.9의 주요 프로젝트 중 하나입니다.

출처

2013-10-28 00:07:38 DNS

답장을 보내 주셔서 감사합니다. Dave. 나는 0.9의 상태에 대한 9 월 29 일자 업데이트에 대해 관심을 가지고 읽었습니다. 최종 출시를 기다리고 있습니다. – DanielAttard

FLOT 차트로 범례 저장

답변

관련 문제