Histogram Cell width does not take full width in custom view

Gantt
#1

I have my histogram set up. This is what it looks like in the default Day view.

image
image1909×232 13.6 KB

As you can see the green and red background takes up the entire cell background.

However when I switch to a custom view, the green and red don’t span the entire cell.

image
image1889×187 9.37 KB

Here is where I apply the styles

gantt.templates.histogram_cell_class = function (start_date, end_date, resource, tasks) {

    let totalEffort = ...

    let css = '';

    if (totalEffort > resource.capacity) { //1 = 8h or 100% allocation
       css = "column_overload";
    }
    else if (totalEffort > 0)
        css = "column_steady";

    return css;


}.bind(this);

Here are my styles

.gantt_histogram_fill {
    background-color: rgba(176, 176, 176, 0.2);
}

.column_steady .gantt_histogram_fill {
    background-color: rgba(160, 202, 92, 0.7);
}

.column_overload .gantt_histogram_fill {
    background-color: #ffa9a9;
}

How can I get the background to fill the entire cell when the scale changes widths?

#2

Hello,
Unfortunately, I couldn’t reproduce the issue:
http://snippet.dhtmlx.com/62ba160cb

And as I don’t see your code, it is hard to suggest what might be wrong.

Please, reproduce the issue in the snippet, then click on the “Share” button and send me the link:
https://snippet.dhtmlx.com/3a7e741de
Or send me an HTML file with all the necessary Javascript and CSS files.

#3

Thanks I’ll reproduce it asap.