Composite Chart Code Example

Configure Chart widget as a composite chart with bar, line, and area charts using series and category date properties. Check settings and data.

Here's a code example for configuring a Chart widget as a composite chart. Remember, the chart's functionality, appearance, and behavior will be influenced by the available data and other settings and selections in your Studio report. Therefore, you may need to modify this code.

widget chart {
    size: large
    legend: bottomLeft
    layout: vertical
    scroll: enabled
    experimentalTool  true
    removeEmptyCategories: true
    series {
        value: count(survey:responseId)
        //percent: true
        breakdownBy cut {
            value: survey:Q1
            }
        chart bar {
            stacked: true
        }
    }
    series {
        value: 50
        label: "Target"
        chart line {
            lineType: monotone
        }
    }
    series {
        value: avg(survey:TotalAccountValue)
        //percent: true
        format: floatNumber
        isSecondary: true
        label: "Account value"
        chart area {
            //stacked: true
        }
    }
    category date {
        label: "c1"
        value: survey:interview_start
        breakdownBy: calendarMonth
        format: dateFormat
        sortOrder: descending
        takeTop: 3
    }
}