Skip to main content
September 9, 2024
Solved

how to create a stacked chart in appian

  • September 9, 2024
  • 4 replies
  • 0 views

Good afternoon,

I'm looking for a way to create something similar to this picture.


Do you know if there is any component for this?

thanks

    Best answer by kumara0180

    this might be helpful

    {
      a!barChartField(
        label: "Bar Chart",
        labelPosition: "COLLAPSED",
        categories: { "Category 1" },
        series: {
          a!chartSeries(label: "A", data: { 35 }),
          a!chartSeries(label: "B", data: { 15 }),
          a!chartSeries(label: "C", data: { 20 }),
          a!chartSeries(label: "D", data: { 10 }),
          a!chartSeries(label: "E", data: { 10 }),
          a!chartSeries(label: "F", data: { 10 })
        },
        stacking: "PERCENT_TO_TOTAL",
        showLegend: true(),
        showDataLabels: true(),
        showTooltips: true,
        allowImageDownload: false(),
        colorScheme: "RAINFOREST",
        height: "MICRO",
        xAxisStyle: "NONE",
        yAxisStyle: "NONE"
      )
    }

    4 replies

    davidj137213
    Brainy
    September 9, 2024

    Buenas Luis MIguel

    Desde Appian puedes usar el componente milestone para obtener un grafico con las caracteristicas que comentas.

    docs.appian.com/.../Milestone_Component.html

    kumara0180
    September 9, 2024

    this might be helpful

    {
      a!barChartField(
        label: "Bar Chart",
        labelPosition: "COLLAPSED",
        categories: { "Category 1" },
        series: {
          a!chartSeries(label: "A", data: { 35 }),
          a!chartSeries(label: "B", data: { 15 }),
          a!chartSeries(label: "C", data: { 20 }),
          a!chartSeries(label: "D", data: { 10 }),
          a!chartSeries(label: "E", data: { 10 }),
          a!chartSeries(label: "F", data: { 10 })
        },
        stacking: "PERCENT_TO_TOTAL",
        showLegend: true(),
        showDataLabels: true(),
        showTooltips: true,
        allowImageDownload: false(),
        colorScheme: "RAINFOREST",
        height: "MICRO",
        xAxisStyle: "NONE",
        yAxisStyle: "NONE"
      )
    }

    September 10, 2024

    Great, thank you very much, that's exactly what I was looking to do.

    kumara0180
    September 10, 2024

    [emoticon:44a8a53ad3364ea78a16c5a3229f75bb]