[Stefan Alfs]

In some situations, this is a restriction which limits the user functionality and does not make sense. E.g. if you are using a range bar chart to display events on a time range and there are e.g. only 2 events within 24 hours (full time range), but the initial viewport is only the last 10 hours: In that situation it should be possible to use the panning functionality to move back to the first event which may actually be outside the viewport (e.g. at the beginning of the 24h range). But due to the restriction you described, panning and zooming is not possible.

[Stefan Alfs]

There are already a few JSFiddle examples in this topic which show you the problem. You could also use the range bar chart example, reduce the data to e.g 2 data points and then you should be able to reproduce this.

[Stefan Alfs]

Has this already been fixed? I tried with the latest version and this bug still exists (after 5 years!). When will a fix be available?

[Stefan Alfs]

Do you already have a solution for this? Today I also noticed that zooming and panning is not working if there a only a few data points. My chart displays a timeline (y-axis) and starts with a viewport of around 10 hours. If there is a data point outside this window, it is not possible to use panning to move teh window to that data point.

[Stefan Alfs]

Thanks for the response! I do not want to use different objects (polygons) as markers, but as separate objects which represent evaluation windows for the corresponding graph, like the green areas in the force/distance graph) below:

[Stefan Alfs]

Thanks for the response! I do not want to use different objects (polygons) as markers, but as separate objects which represent evaluation windows for the corresponding graph (e.g. for force/distance graphs from press devices)

[Stefan Alfs]

Vishwas,

yes, you can use the JSFiddle yo sent. Imagine a bar chart (time range) where the bar colors represent operating states of a machine (green, red, orange). Now I want to be able to show if an additional action has been started for selected bars (e.g. escalation level has been raised). I cannot just use a different color, as the system already used several colors. A border around that bar (or a color patter) would help here to indicate an additional condition. Letting the bar blink would also be an option. Or can you think of other options?

Many thanks!

[Stefan Alfs]

Visjwas,

many thanks, now with this the jsfiddle example is working.

However, now I seem to be facing a scope issue when applying this in my Angular application. I have created the chart within the ngOnInit methode of a component. The click event hanlder onClickToolTip is defined in that component, too. But when I click the tooltip, I am getting the following error:

ReferenceError: onClickToolTip is not defined at HTMLDivElement.onclick

Do you have an idea in how I can reference the event handler correctly?

Many thanks,
Stefan