Enable Update of Plot Axis Range from Button

It would be helpful to be able to use an UpdateMenu to permit a user to change the range of a plot's axis.

This seems possible, based on example code for Plotly for Python:
https://community.plotly.com/t/pre-defined-range-buttons/39267/3

However I don't see how it's possible to do this from Plotly.NET, based on the need to send an axis start and end value.

I've attempted this with the following code, and several variations:

var buttons = new List<UpdateMenuButton>();
for (var time = timeInterval.StartInterval; time < timeInterval.EndInterval; time = time.AddHours(1))
{
    buttons.Add(UpdateMenuButton.init(
        Label: $"{time:h:mm tt}", 
        Method: StyleParam.UpdateMethod.Relayout,
        Args: new[] { "xaxis.range", 
            $"{time:yyyy-MM-dd HH:mm:ss} - {time.AddHours(1):yyyy-MM-dd HH:mm:ss}" }
        ));
}

and

.WithLayout(layout: Layout.init<iConv>(UpdateMenus: new []{UpdateMenu.init(Buttons: buttons)}))

Using the above code, the UpdateMenu appears, the labels are correct, and selecting something does change the X axis range. However, it always changes to 1/1/2000 - 12/31/2000 rather than the desired range.

@mg-yolo-enterprises

Hi @mg-yolo-enterprises, thanks for reporting this.

I played around a little and it seems like IEnumerable<string> is just not enough for modelling Args, as the correct json for your example is

"buttons": [
 {
  "args": [
   "xaxis.range",
   [
    "2015-07-01",
    "2015-09-01"
   ]
  ],
  "label": "Custom",
  "method": "relayout"
 }
]

note that the range argument is a real json array with two values, something you cannot put there with just a string.

So we need to allow any type of object in the Args array to solve this.

fix plotly#414 :

Navigation Menu

Repository navigation

Enable Update of Plot Axis Range from Button #414

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Enable Update of Plot Axis Range from Button #414

Description

Activity

kMutagene commented on Sep 4, 2023

Metadata

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Issue actions