实现Jaspersoft Studio社区（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]}]
        });

    };

});

为了在Jaspersoft中显示Highcharts图表，请注意这应该如何？帮助赞赏。

Answer 1

我假设您已经在机器中设置了requirejs和phantomjs。如果没有，那么您可以参考this或this。您可以从here下载CVC高图表示例，您还可以在其中找到其他一些图表示例以及使用d3图表创建圆圈的说明。或者您可以直接从here下载高清图。

在使用之前阅读高级图的许可证文件。