Skip to content

JavaScript function not recognized as a function in Dash AG Grid sparklines #329

@safroze-plotly

Description

@safroze-plotly

A client has reported an issue where the function key in the formatter property for the agSparklineCellRenderer is not being recognized as a JavaScript function in enterprise sparklines. Instead, it is interpreted as a string, which leads to incorrect behavior.
Some properties in AG Grid take a JavaScript function as inputs according to the doc here

The issue occurs when using the following configuration in the AG Grid;

{
  "cellRenderer": "agSparklineCellRenderer",
  "cellRendererParams": {
    "sparklineOptions": {
      "type": "bar",
      "formatter": {"function": "params.value[0] < 0 ? {fill: #5470c6} : {fill: #a90000}"},
      "valueAxisDomain": [-15, 15],
      "paddingOuter": 0,
      "padding": {
        "top": 0,
        "bottom": 0
      },
      "label": {
        "enabled": true,
        "fontWeight": "bold",
        "placement": "outsideEnd"
      }
    }
  }
}

Reference Links:

https://community.plotly.com/t/aggrid-agsparklinecellrenderer-and-formatter-params/84780

https://dash.plotly.com/dash-ag-grid/javascript-and-the-grid#functions

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugsomething broken

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions