Chart title property should be dynamic

[AlexandreSajus]

What went wrong? 🤔

Updating dynamically the title property of a chart visual element does not work. Here is an example where I try to change the title of a chart using a button. Pressing the button should change the title but does nothing.

import pandas as pd

import taipy.gui.builder as tgb
from taipy.gui import Gui

data = pd.DataFrame({"Product": ["Shovel", "Rake", "Hoe"], "Price": [10, 5, 7]})

title = "Undefined"


def update_title(state):
    state.title = "Price of Gardening Tools"


with tgb.Page() as page:
    tgb.button("Update Title", on_action=update_title)
    tgb.chart(data="{data}", title="{title}")

Gui(page).run()

Using layout is a workaround:

import pandas as pd

import taipy.gui.builder as tgb
from taipy.gui import Gui

data = pd.DataFrame({"Product": ["Shovel", "Rake", "Hoe"], "Price": [10, 5, 7]})

layout = {"title": "Undefined"}


def update_title(state):
    state.layout = {"title": "Price of Gardening Tools"}


with tgb.Page() as page:
    tgb.button("Update Title", on_action=update_title)
    tgb.chart(data="{data}", layout="{layout}")

Gui(page).run()

Runtime Environment

Windows 11

Browsers

Chrome

OS

Windows

Version of Taipy

4.0.2

Acceptance Criteria

• A unit test reproducing the bug is added.
• Any new code is covered by a unit tested.
• Check code coverage is at least 90%.
• The bug reporter validated the fix.
• Related issue(s) in taipy-doc are created for documentation and Release Notes are updated.

Code of Conduct

• I have checked the existing issues.
• I am willing to work on this issue (optional)

[jrobinAV]

I believe this is not a malfunction but an improvement as the property is probably not dynamic.

[ChamaliVishmani]

Hi is anyone working on this issue? If not, can I start working on this?

[FlorianJacta]

Yes, sure! If you need any help, please ask to our R&D @FabienLelaquais and @FredLL-Avaiga !

[ChamaliVishmani]

Okay, thanks !

[ADORA-ATAYA]

Hi is anyone working on this issue? If not, can I start working on this?

[FlorianJacta]

Maybe, @ChamaliVishmani is already traying to solve the issue but you can be assigned as well @ADORA-ATAYA

[ADORA-ATAYA]

thanks

[ChamaliVishmani]

Hi @FlorianJacta, I'm still working on this issue. I attempted to use useState to handle the title prop, as the issue seems to be related to its immutability. I also explored other approaches, including modifying the prop directly, but haven't found a working solution yet.

Could you provide some guidance on debugging and potential ways to fix this? Any suggestions would be greatly appreciated!

[ChamaliVishmani]

Hi, @ADORA-ATAYA I’d be happy to collaborate if you’d like to help.

[ADORA-ATAYA]

Sure @ChamaliVishmani, I am happy to collaborate with you

[FlorianJacta]

@FabienLelaquais or @FredLL-Avaiga, could you provide some guidance to @ChamaliVishmani for this issue?

[github-actions]

This issue has been labelled as "🥶Waiting for contributor" because it has been inactive for more than 14 days. If you would like to continue working on this issue, please add another comment or create a PR that links to this issue. If a PR has already been created which refers to this issue, then you should explicitly mention this issue in the relevant PR. Otherwise, you will be unassigned in 14 days. For more information please refer to the contributing guidelines.

[github-actions]

This issue has been unassigned automatically because it has been marked as "🥶Waiting for contributor" for more than 14 days with no activity.

[FredLL-Avaiga]

@FabienLelaquais or @FredLL-Avaiga, could you provide some guidance to @ChamaliVishmani for this issue?

The property type should be changed to PropertyType.dynamic_string in factory.py

Then on the front-end side, the attribute has to be managed as other Dynamic string properties.