Create vertical line in line chart with dates as x-axis

Hi eshaul,

Please try to use the following script as an example to implement your own solution:

widget.on('processresult', function(w, ev) {
    let targetDates = ["2013-04-22T00:00:00", "2013-05-14T00:00:00"]; // Change these to your desired dates
    let indices = [];

    targetDates.forEach((targetDate) => {
        let currentDate = new Date(targetDate);
        ev.rawResult?.values.forEach((v, i) => {
            // Assuming the x-axis values are dates, compare them with the target date
            let dataDate = new Date(v[0].data);
            if (currentDate.getTime() === dataDate.getTime()) {
                indices.push(i);
            }
        });
    });

    if (indices.length > 0) {
        ev.result.xAxis.plotLines = indices.map((index) => {
            return {
                color: '#FF0000',
                width: 2,
                dashStyle: "dash",
                value: index
            };
        });
    }
});

You need to adjust targetDates to make it work for the specific dates. It was tested with the following widget configuration:

I'm afraid we don't have a ready-to-use example script to show also labels and it requires a further development investigation and implementation. 

Hope this code snippet helps!

Best Regards, Lily