Enable Update of Plot Axis Range from Button

[mg-yolo-enterprises]

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.

[kMutagene]

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.