Timeline: Request clustering of items

[philpil]

Description

I'd like to be able to use timeline clustering like vis.js timeline can

example https://codepen.io/philhendry/pen/qBJVOwa

Describe the solution you would like

to be able to turn clustering on and set which groups it should apply to or not apply to

Additional context

No response

[melloware]

For now you can use the Extender functionality to add clustering to your current timeline: https://primefaces.github.io/primefaces/12_0_0/#/components/timeline?id=extender

<p:timeline id="timeline" value="#{basicTimelineView.model}" extender="timelineExtender" />

<h:outputScript>
function timelineExtender() {
    //copy the config options into a variable
    var options = $.extend(true, {}, this.cfg.opts);

    options = {
        cluster: {
            titleTemplate: "Cluster containing {count} events. Zoom in to see the individual events.",
            showStipes: true
        },
        template: (itemData, element, data) => {
            if (data.isCluster) {
                return `<span class="cluster-header">Cluster</span><div>containg ${data.items.length} items </div>`;
            } else {
                return `<div>${data.content}</div>`;
            }

        }
    };

    //merge all options into the main timeline options
    $.extend(true, this.cfg.opts, options);
};
</h:outputScript>

[philpil]

Hi Melloware,

the workaround is working, is there a way to only cluster in a select group and not all groups?

regards,
Phil

[melloware]

I would check the vis timeline docs. I am not sure it's possible.

[melloware]

I am going to close this issue as it doesn't seem worth trying to make this JSF properties when its really custom Extender functionality