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

    };

});

知道为了在 Jaspersoft 中显示 Highcharts 图表应该是什么样子吗？感谢帮助。

Answer 1

我假设你已经在你的机器上安装了 requirejs 和 phantomjs。如果没有那么你可以引用this或 this .您可以从here 下载CVC Highcharts 示例。您还可以在其中找到一些其他图表示例以及使用 d3 图表创建圆圈的描述。或者您可以直接从 here 下载 highchart 示例.

在使用前阅读 highchart 的许可文档。