Column Chart Configuration in interface

RE: Column Chart Configuration in interface

goddativ5526 — Wed, 12 Feb 2025 14:34:44 GMT

Thank you Komal Jain and Chaitanya ,It is working as expected.

RE: Column Chart Configuration in interface

Komal Jain — Wed, 12 Feb 2025 07:08:31 GMT

posting on behalf of

Here is the solution for your issue

a!localVariables(

  local!data:index(

    a!queryRecordType(

      recordType:<your record>,

      fields: a!aggregationFields(

        groupings: {

          a!grouping(

            field:<record field for grouping>,

            alias: "categoryId_grouping2"

          )

        },

        measures: {

          a!measure(

            function: "COUNT",

            field: <Record field for count>,

            alias: "id_count_measure1"

          )

        }

      ),

      pagingInfo: a!pagingInfo(

        sort: a!sortInfo(

          field: "id_count_measure1",

          ascending: false()

        ),

        startIndex: 1,

        batchSize: 100

      )

    ).data,

    if(

      a!isNullOrEmpty(ri!ruleIn),

      {},

      enumerate(ri!ruleIn) + 1

    ),

    {}

  ),

  {

    a!dropdownField(

      choiceLabels: {"Top 1","Top 2"},

      choiceValues: {1, 2},

      label: "Select",

      labelPosition: "ABOVE",

      placeholder: "--- Select a Value ---",

      value: ri!ruleIn,

      saveInto: {ri!ruleIn},

      searchDisplay: "AUTO",

      validations: {}

    ),

    a!columnChartField(

      label: "Column Chart",

      categories: {local!data.categoryId_grouping2},

      series: {a!chartSeries(data:local!data.id_count_measure1)},

      stacking: "NONE",

      showLegend: true,

      showTooltips: true,

      labelPosition: "ABOVE",

      allowImageDownload: true,

      colorScheme: "RAINFOREST",

      height: "MEDIUM",

      xAxisStyle: "STANDARD",

      yAxisStyle: "STANDARD",

      refreshAfter: "RECORD_ACTION"

    )

  }

)

RE: Column Chart Configuration in interface

Konduru Chaitanya — Wed, 12 Feb 2025 06:59:20 GMT

Hello goddativ5526

You will have to get rid of the record data from the data parameter of the column chart component and group the data in a separate local variable. Later you will have to use the series parameter of the column chart to build your column chart.

Use the below example expression

a!localVariables(
  local!data: index(
    a!queryRecordType(
      recordType: recordType!YourRecordType,
      fields: a!aggregationFields(
        groupings: {
          a!grouping(
            field: "recordField1",
            alias: "categoryId_grouping2"
          )
        },
        measures: {
          a!measure(
            function: "COUNT",
            field: "recordField2",
            alias: "id_count_measure1"
          )
        }
      ),
      pagingInfo: a!pagingInfo(
        sort: a!sortInfo(
          field: "id_count_measure1",
          ascending: false()
        ),
        startIndex: 1,
        batchSize: 100
      )
    ).data,
    if(
      a!isNullOrEmpty(ri!ruleIn),
      {},
      enumerate(ri!ruleIn) + 1
    ),
    {}
  ),
  {
    a!dropdownField(
      choiceLabels: { "Top 1", "Top 2" },
      choiceValues: { 1, 2 },
      label: "Select",
      labelPosition: "ABOVE",
      placeholder: "--- Select a Value ---",
      value: ri!ruleIn,
      saveInto: { ri!ruleIn },
      searchDisplay: "AUTO",
      validations: {}
    ),
    a!columnChartField(
      label: "Column Chart",
      categories: {},
      series: {
        a!chartSeries(data: local!data.id_count_measure1)
      },
      stacking: "NONE",
      showLegend: true,
      showTooltips: true,
      labelPosition: "ABOVE",
      allowImageDownload: true,
      colorScheme: "RAINFOREST",
      height: "MEDIUM",
      xAxisStyle: "STANDARD",
      yAxisStyle: "STANDARD",
      refreshAfter: "RECORD_ACTION"
    )
  }
)

RE: Column Chart Configuration in interface

Stefan Helzle — Wed, 12 Feb 2025 06:56:15 GMT

Please share the code for this interface, and ...