0

我正在使用 Highchart 创建 Klipfolio 甘特图。我可以使用 Klipfolio 的 Html 组件创建甘特图，但我无法整合数据。

Klipfolio HTML 模板

<div id="container"></div>

<div id="title_text" style="display:none;">
{{each data}}
${$value.title}
{{/each}}
</div>

这会提取我需要的数据并允许我将其添加到图表脚本中。

Javascript 代码 - 数据

var title = $("#title_text");

此代码将数据添加到类别中。

部分 Highchart 脚本

   $('#container').highcharts({
        chart: {
            type: 'xrange'
        },
        title: {
            text: 'Highcharts X-range study'
        },
        xAxis: {
            type: 'datetime'
        },
        yAxis: {
            title: '',
            categories: [$(title).text()],
            min: 0,
            max: 2
        },

结果将所有数据添加为一个类别。例子

Category 1 []
Category 2 []
Category 3 [data 1, data 2, data 3]

如何提取数据并将其分成单独的类别？

Category 1 [data 1]
Category 2 [data 2]
Category 3 [data 3]
4

1 回答 1

1

Klipfolio 实际上已经在我们的 javascript 图表库中使用了 highcharts，所以最好的办法是联系支持并请求添加甘特图类型。通过 html 组件添加库会导致不可预知的结果。

也就是说，对于您的具体问题，您将其全部归为一类的原因似乎是 $("#title_text") 正在包装所有内容，要解决此问题，您可以将每个内容更改为如下所示：

<div id="title_text" style="display:none;">
{{each data}}
   <div id="${$value.title}">${$value.title}</div>
{{/each}}
</div>

然后每个人都有一个唯一的ID？

于 2015-11-30T22:01:27.063 回答