Javascript 在Pentaho CDE中使用D3图表

大家好，我想把这个D3圆形包装图添加到我的Pentaho CDE-

想法是使用D3组件库并将其添加为D3组件-将脚本代码作为自定义图表脚本，但我不知道如何做到这一点。我只找到了这个教程，它是针对带有db数据源的图表的。我的图表使用json文件作为输入d3.jsonflare.json 我相信你们中的一些人可以帮助我： 1如何编辑index.html代码，以便将其作为自定义图表脚本添加到D3组件？

---

2如何使用flare.json数据输入编辑部件，这样我就可以使用我自己的json数据源，该数据源具有与Pentaho CDE相同的结构，可能类似于d3.json+this.datasource谢谢

您可能会混淆d3.select和d3.json。第一个选择要将图表绑定到的DOM元素，第二个加载数据并进行回调。Pentaho似乎要求您绑定到散列标记的元素，我对Pentaho并不熟悉，但这似乎是教程中的人员正在做的事情。尝试：

//This will load the data into the 'data' variable
d3.json('flare.json', function(data){
    d3.select('#' + this.htmlObject)
      .data(data).enter()    //And attaching your data.
      .append(//whatever type of graph you want to create)
      ...

})

---

在本教程中，有一个部分是关键：

function f(dataset){
    var data = this.cdaResultToD3Array(dataset);
    ...

显然，组件中指定的查询结果将作为dataset参数传递给D3组件上的自定义图表脚本挂钩。对cdaResultToD3Array的调用可能是特定于该示例的，不会起作用，但您确实必须以某种特定的方式操作数据集，以便将其与图表代码一起使用

然后，您可以忘记d3.json'flare.json'，函数数据{…}部分，只使用该函数中的代码。您的数据将绑定到元素，图表将绘制

唯一需要注意的是数据转换部分。您将需要调整数据集，使其与循环打包代码一起工作

提示：使其与flare.json中的完全相同