Line chart tick formatting not displaying dynamic values

Hi

I'm trying to apply string tick labels to my chart as per this:

When I try this in my retool chart, it only works if I use a static value for tickvals and ticktext whereas I want to use values from a variable and a graphql response which I resolve through the {{}} syntax.

Here's the plotly layout snippet:

{
  "font": {
    "family": "var(--default-font, var(--sans-serif))",
    "color": "#979797"
  },
  "margin": {
    "l": 16,
    "r": 24,
    "t": 24,
    "b": 32,
    "pad": 2
  },
  "hovermode": "closest",
  "hoverlabel": {
    "bgcolor": "#000",
    "bordercolor": "#000",
    "font": {
      "color": "#fff",
      "family": "var(--default-font, var(--sans-serif))",
      "size": 12
    }
  },
  "clickmode": "select+event",
  "dragmode": "select",
  "xaxis": {
    "automargin": true,
    "fixedrange": true,
    "gridcolor": "#fff",
    "zerolinecolor": "#fff",
    tickmode: "array",
    tickvals: {{variableSelectedTeamFixtureSequence}},
    ticktext: {{formatDataAsObject(getTeamPerformanceHistory.data.teamPerformanceHistory.fixturePerformances)['opponentTeamName']}}
  },
  "yaxis": {
    "automargin": true,
    "zerolinecolor": "#DEDEDE"
  }
}

variableSelectedTeamFixtureSequence has the value of [1, 2].

The corresponding two text labels are not rendering. Instead I see this:

Is tick formatting supported in retool currently?

Thanks

Ben

Hello? Is anyone there? I am a paying customer. I need help.

Hi @bensullivan Thanks for reaching out! Apologies for the delay, as we've been a bit backlogged.

What is variableSelectedTeamFixtureSequence? If it's a Retool variable or transformer, you'll need to had .value so that it reads tickvals: {{variableSelectedTeamFixtureSequence.value}},

Hope that resolves it! :crossed_fingers: Let us know.

These properties are supported, so hopefully, it's a matter of refactoring the syntax a bit: