BUG-Possibility to create a chart wider than screen size

[FlorianJacta]

Description With stylekit enabled, charts are truncated if their size is wider than the screen size. With stylekit disabled, th chart takes the correct size without being truncated.

How to reproduce

from taipy.gui import Gui

data = {"x":[1, 2, 3, 4, 5, 6],
            "y":[12, None, 31, 4, 8, 6],}

md = """
<|{data}|chart|x=x|y=y|width=400%|>
"""

Gui(md).run()#stylekit=False

Expected behavior The charts should be wider than the screen size.

Runtime environment Taipy Gui 2.3.1

[FredLL-Avaiga]

Workaround:

• add a class_name to the chart
• redefine overflow(-x) to auto or unset

auto: scroll on the chart unset: scroll on the page

[FredLL-Avaiga]

@FlorianJacta is this fixed ?

[FlorianJacta]

It's still not fixed, but the workaround works. Here is the taipy-chart class from the style kit:

.taipy-chart {
    border-radius: var(--border-radius);
    background-color: var(--color-paper);
    box-shadow: var(--box-shadow);
    overflow: hidden;
}

The overflow is put to hidden.

[FredLL-Avaiga]

overflow shouldn't be a problem

[FlorianJacta]

I mean, it is this parameter that doesn't show the scrollbar for the chart.

[FredLL-Avaiga]

use !important

[FlorianJacta]

Yes, I know. I am questioning the fact that we are using overflow: hidden in the stylekit.

[FredLL-Avaiga]

I think the default is right

[FlorianJacta]

I have no idea. We can close this issue as "not planned".