实现Jaspersoft Studio Community(V6.2.2)显示Highcharts图表的自定义可视化组件

Question

我想在Jaspersoft Community 6.2.2的自定义可视化组件中使用Highcharts。基本设置（用于基本配置的JSON文件和用于执行实际可视化的Javascript文件）对我来说很清楚。示例在我的设置中起作用。但是，我不明白应该在Javascript文件中写些什么来使Highcharts工作。基本上，我要找的Javascript代码是这样的：

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]}]
        });

    };

});

Answer 1

我假设您已经在计算机中设置了requirejs和phantomjs。如果不是，那么你可以参考这个或这个。你可以从这里下载CVC高图表示例，在这里你也可以找到一些其他的图表示例，以及使用d3图表创建圆的描述。或者你可以直接从这里下载highchart exmple。

使用highchart之前，请阅读highchart的许可文件。