2016-06-22 5 views
2

Jaspersoft Community 6.2.2のカスタムビジュアライゼーションコンポーネント内でハイチャートを使用します。基本設定(基本設定のJSONファイルと実際の可視化を実行するためのJavascriptファイル)は私には明らかです。例は私のセットアップで動作します。しかし、ハイチャートを作成するためにJavascriptファイルに何を書き込むのか分かりません。Jaspersoft Studioコミュニティの実装(v6.2.2)ハイチャートチャートを表示するカスタムビジュアライゼーションコンポーネント

define('example', ['https://code.jquery.com/jquery-3.0.0.js','http://code.highcharts.com/highcharts.js'], 
function ($, Highcharts)  
{ 

    return function (instanceData) {  

     $('#container').highcharts({ 
      chart: {type: 'bar'}, 
      title: {text: 'Fruit Consumption'}, 
      xAxis: {categories: ['Apples', 'Bananas', 'Oranges']}, 
      yAxis: {title: {text: 'Fruit eaten'}}, 
      series: [{name: 'Jane',data: [1, 0, 4]}, {name: 'John',data: [5, 7, 3]}] 
     }); 

    }; 

}); 

これはJaspersoftでHighchartsチャートを表示するためにはどのように見えるべきか任意のアイデア:基本的に、私のようなJavaScriptコードを探していますか?ヘルプは高く評価しました。

答えて

0

あなたのマシンにrequirejsとphantomjsが既に設定されていることを前提としています。そうでない場合thisまたはthisを参照できます.DV3チャートを使用してサークル作成の説明だけでなく、その他のチャートの例もいくつか見つかります。hereからCVCハイチャートの例をダウンロードできます。またはhereからhighchart exmpleをダウンロードすることができます。

Highchartのライセンス文書を読み、それを利用してください。

関連する問題