2016-10-27 7 views
0

AngularJSアプリをASP.net MVCでレンダリングしました。 AngularJSはHighChartを使用しています(ハイチャートではありません)。私は、チャートオプションに下回ってきた、HighCharts AngularJSアプリでバーガーメニューを表示しない

<script src="https://code.highcharts.com/highcharts.js"></script> 
<script src="https://code.highcharts.com/modules/exporting.js"></script> 
<script src="https://code.highcharts.com/modules/offline-exporting.js"></script> 

そして:私は、スクリプト参照の下にきた

exporting: { 
    enabled: true, 
    chartOptions: { // specific options for the exported image 
    plotOptions: { 
     series: { 
     dataLabels: { 
      enabled: false 
     } 
     } 
    } 
    }, 
    scale: 1, 
    fallbackToExportServer: true 
} 

しかし、輸出バーガーメニューが表示されていません。私は間違って何をしていますか?

+0

これはあなたのフルjsonですか?角度またはjqueryを使用していますか?バーゲンメニューを表示するには、exporting.jsを追加するだけで十分です。 exporting.enabledはデフォルトでtrueです。 – Mahesh

+0

@Maheshこれは完全なJSONではありません。私はAngularを使っています(jqueryは参照されていますが)。まったく!私が読んだところでは、exporting.jsを追加するだけで十分ですが、メニューは表示されません。 – WiSeeker

答えて

0

JSFiddle for the Angular version that works実際には、2つのエクスポートする* .jsを追加する以外は実行する必要はありません。

私はJSONのエクスポートフラグメントを追加しました。しかし、その部分を省略すると、ハンバーガーも出ます。これで確認したいかもしれません。 jQueryは必要ありませんが、私はその声明を元に戻します。コントローラ内でのAPIの直接使用、それだけです。コントローラで

 angular.module('myModule', []) 
      .controller('myController', function($scope) { 
      Highcharts.chart('container', { 
       title: { 
      text: 'Temperature Data' 
       }, 

       xAxis: { 
      categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 
       'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec' 
      ] 
       }, 

       series: [{ 
      data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4] 
       }], 
       exporting: { 
      enabled: true, 
      chartOptions: { // specific options for the exported image 
      plotOptions: { 
       series: { 
      dataLabels: { 
       enabled: false 
      } 
       } 
      } 
      }, 
      scale: 1, 
      fallbackToExportServer: true 
     } 
      }); 
      }); 

HTTPS経由でexporting.js負荷場合にも確認してください。

+0

Mahesh&@Sajeetharan:これまで見たことのあるすべての例は、読み込み時にハイチャートを表示します。ここで設定したとおり、ユーザーが[Chart link]をクリックしてChartCtrlrがグラフをレンダリングすると、ランディングページが表示されます。このチャートの読み込みが遅れて、バーガーメニューが表示されないことがありますか?ちょうど不思議に思っています... – WiSeeker

+1

あなたのルートがどのように見えるか分からずに伝えることはできません。 ** [これはngRouteを使用する更新されたplunkrです](http://plnkr.co/edit/6CxZm2iyDIFdAkgnlttd?p=preview)** - リンク付きホームページを表示します。クリックするとグラフが表示されます。私はそれがあなたのユースケースに近いと信じています。あなたは問題なしでハンバーガーを見ることができます。また、ハンバーガーを隠しているスタイルの問題があるかどうかを確認することもできます。 – Mahesh

+1

** [これはngRouteの代わりに状態ルータを使用する更新されたplunkrです](http://plnkr.co/edit/5CFNErwKci2U85pnTZIM?p=preview)**理論的には、ビューの変更*はレンダリングに影響しません。 – Mahesh

関連する問題