Highchart Export

Question

Highchartをエクスポートしようとしています。私はハイチャートをFacebook上の画像として共有したいので、Facebookとして画像として投稿するハイチャートリンクを生成しようとしています。私のコードは次のとおりです。

<script type="text/javascript"> 
    function createURL(activeTab){ 
var obj = {}; 
    var chart; 

chart = $(activeTab).highcharts(); 
obj.svg = chart.getSVG(); 
obj.type = 'image/png'; 
obj.width = 450; 
obj.async = true; 


$.ajax({ 
    type: 'post', 
    url: chart.options.exporting.url, 
    data: obj, 
    success: function (data) { 
     var exportUrl = this.url; 
     urlToExport = exportUrl+data; 
     FB.ui(
     { 
     method: 'feed', 
     name: 'This is the content of the "name" field.', 
     link: urlToExport, 
     message: '' 
     }); 
    } 
}); 


    } 

は、私は次のエラーを取得しています：例外TypeError：チャートは

を定義されていない場合は、私が間違っているんですか？

更新 ハイチャートを取得するためのjavascript関数を作成しました。次のようにhighchartをfetchningための私のコードは次のとおりです。

function setPriceParameterAndDisplay(){ 
document.getElementById('progressbarPrice').style.display='none'; 
document.getElementById('containerPrice').style.display='block';; 
      Highcharts.chart('containerPrice', { 
    chart: { 
     type: 'area' 
    }, 
    title: { 
     text: StockHeading , 
    }, 
    subtitle: { 
     text: '<a style=\"color:blue;\" href=\"https://www.alphavantage.co\">Source: Alpha Vantage</a>' 
    }, 
    xAxis: { 
     categories: XAxisData, 
      minTickInterval: 6, 

    showLastLabel: true, 

    }, 
    yAxis: [{ 
     title: { 
      text: 'Stock Price', 
     }, 
     tickInterval: 5, 
     min:null, 


     },{ 
     title: { 
      text: 'Volume ' 
     }, 
     labels: { 
      format: '{value}m', 
     }, 
     opposite:true, 
     tickInterval: 50, 
     min:0, 

    }], 
    plotOptions: { 
    area:{ 
    threshold:null,}, 
    label: { 
    enabled: false, 
}, 
     line: { 

      enableMouseTracking: true 
     }, 
     series: { 
     marker: { 
       enabled: false 
      },} 
    }, 

    series: [{ 
     name: symbol, 
     label: { 
    enabled: false, 
}, 
     type: 'area', 
     color: '#F66464', 
     data: PriceData, 
     tooltip: { 
       valueDecimals: 2 
      } 

    }, { 
     name: symbol + ' Volume' , 
     label: { 
    enabled: false, 
}, 
     type: 'column', 
     color: '#FFFFFF', 
     yAxis: 1, 
     data: StockVolume, 
     tooltip: { 
       valueDecimals: 2 
      } 


    }] 
});}; 

Answer 1

try { 
    if (Highcharts.getOptions().exporting) { 
     let contextButton = Highcharts.getOptions().exporting.buttons.contextButton; 

     contextButton.menuItems = contextButton.menuItems.filter((item) => { 
      console.log(item) 
      return item.textKey === 'downloadCSV' || item.textKey === 'downloadPNG'; 
     }); 
    } 

} catch (e) { 
    console.log(e) 
} 

はあなたの関数