2017-03-22 16 views
0

Ionic 1.3.1とHighchartsライブラリを使用してアプリケーションを開発しています。 私の問題は、グラフにカスタムボタンを追加する方法です。 jsonオブジェクトにエクスポートオプションを追加しましたが、Android/IOSデバイスでアプリケーションを実行するとボタンが表示されず、理由がわかりません。 これはhighchartsコードです:IonicアプリでHighchartライブラリのカスタムボタンが表示されない

Highcharts.chart('container', { 
    chart: { 
     plotBackgroundColor: null, 
     plotBorderWidth: null, 
     plotShadow: false, 
     type: 'pie' 
    }, 
    title: { 
     text: 'Browser market shares' 
    }, 
    tooltip: { 
     pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>' 
    }, 
    plotOptions: { 
     pie: { 
      allowPointSelect: true, 
      cursor: 'pointer', 
      dataLabels: { 
       enabled: false 
      }, 
      showInLegend: true 
     } 
    }, 
    series: [{ 
     name: 'Brands', 
     colorByPoint: true, 
     data: [{ 
      name: 'Microsoft Internet Explorer', 
      y: 56.33 
     }, { 
      name: 'Chrome', 
      y: 24.03, 
      sliced: true, 
      selected: true 
     }, { 
      name: 'Proprietary or Undetectable', 
      y: 0.2 
     }] 
    }], 
    exporting: { 
     buttons: { 
      printButton: { 
       enabled: false 
      }, 
      exportButton: { 
       enabled: false 
      }, 
      custom: { 
       symbol: 'diamond', 
       symbolFill: '#B5C9DF', 
       hoverSymbolFill: '#779ABF', 
       _titleKey: 'printButtonTitle', 
       onclick: function() { 
        alert('click!') 
       } 
      } 
     } 
    } 
}); 
+0

コードは完全ではなく、問題の再現を許可していません。あなたはライブサンプルを作成できますか? codepenで?あなたはアプリにモジュールをエクスポートしましたか? http://jsfiddle.net/qyvb2yhg/ – morganfree

+0

ボタンタグはブラウザで少なくともレンダリングされますか? –

+0

ボタンタグはブラウザに表示されません。角型アプリでコードを実行すると、ブラウザはボタンをレンダリングしますが、イオンアプリではコードを実行しないと実行しません。 – CocoTown

答えて

0

税関ボタンを実装するには、ファイルHighchartsライブラリから'highcharts /モジュール/ exporting.js' neccesaryインポートです。

関連する問題