Trend Chart Code Example

Configure Chart widget as trend chart with series and category date properties to track responses, completion, and no response data. Check settings and data.

Here's an example of the code used to configure a Chart widget as a trend chart. Remember, the chart's behavior, appearance, and functionality 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 {
    label: "Trend"
    size: medium
    navigateTo: "Responses"
    palette: @cr.palette
    legend: bottomCenter
    removeEmptyCategories: true
    experimentalTool  true
    chart line {
        lineType: monotone
        dot: false
        axis number {
            minValue: -1
            maxValue: 70
        }
    }
    series {
        label: "Responses"
        value: COUNT(survey:responseid)
        format: floatNumber
    }
    series {
        label: "Complete"
        value: COUNT(survey:responseid, survey:status = "Complete")
        format: floatNumber
        chart line {
            lineType: basis
            dot: false
        }
    }
    series {
        label: "No Response"
        value: COUNT(survey:responseid) - COUNT(survey:responseid, survey:status
        = "Complete")
        format: floatNumber
        chart line {
            lineType: step
            dot: true
        }
    }
    category date {
        value: survey:interview_start
        breakdownBy: calendarMonth
        label: "Date"
        format: dateFormat
    }
}