Making a graph with a dropdown menu within Qualtrics

Question

I have been trying to make a graph with a dropdownmenu in Qualtrics but have been struggling. I have the following code:

Select: Uddannelsesniveau
    Erhvervsakademier 
    Proffesionshøjskole 
    Universitet

Now I want different data to appear for each option. I already have data in google sheets: https://docs.google.com/spreadsheets/d/15omdmVfPWx-DNN7Xr-Xi_tNnlJZAMT24NqfMsJLq-8o/edit#gid=1299542287
I also made graphs the way I wanted them but could not make them into dropdown (such as this one: https://docs.google.com/spreadsheets/d/e/2PACX-1vQBNKNGx_YdnaYniIv--HqEOm-0wLZFB_5Ag79guprvcKKvch0fWJZJ64GXBoodoZu7E7I6UpYSic0Q/pubchart?oid=1491842240&format=interactive)
Does anyone know how I can now make these into a graph with a dropdown menu (preferably with the same layout as the graph in the link above)?
I would really really appreciate your help!

ahmedA · Answer

You can take a look at this code. I'm using the Highcharts library. They have good documentation:    Select:      Universitet    Erhvervsakademier    Proffesionshøjskole    // Enter your data normally  let data = {      Erhvervsakademier: {        Laborant: [31078, 40475],        Finansøkonom: [28314, 42775],        Fysioterapeut: [27650, 33628],        Jordbrugsteknolog: [28563, 34150],      },      Proffesionshøjskole: {        "Lærer I Folkeskole": [35375, 41646],        "Pædagog": [28560, 31513],        "Bygningskonstruktør": [36356, 45992],        "Socialrådgiver": [33004, 36475],        "Sygeplejerske": [31374, 35413],      },      universitet: {        "Jura": [36275, 52900],        "Psykologi": [32333.33, 45490],        "Medicin": [45220, 60300],        "Statskundskab": [36150, 53438],        "Biologi, fysik, mathematik, kemi": [32668, 47822],        "Fransk sprog, litteratur og kultur": [31433, 45300],        "Erhvervsøkonomi": [35555.56, 54221.43],      },    },    hc_data = {};  //Modify data to the API Format  Object.keys(data).forEach((item) => {    hc_data[item] = {};    hc_data[item]["xAxis"] = { categories: Object.keys(data[item]) };    let first = [],      second = [];    Object.keys(data[item]).forEach((sub) => {      first.push(data[item][0]);      second.push(data[item][1]);    });    hc_data[item]["series"] = [      {        name: "Efter 1 år",        data: first,      },      {        name: "Efter 10 år",        data: second,      },    ];  });  Highcharts.chart("container", {    chart: {      type: "bar",    },    xAxis: {      categories: hc_data["universitet"].xAxis.categories,      title: {        text: null,      },    },    yAxis: {      min: 0,      max: 70000,      labels: {        overflow: "justify",      },    },    tooltip: {      valueSuffix: " kr",    },    credits: {      enabled: false,    },    series: hc_data["universitet"].series,  });  // Update on selection change  document.querySelector("#dd").oninput = (e) =>    Highcharts.charts[0].update(hc_data[e.target.value]);

Leave a Reply

Sign up

Social Login

Login to the community

Social Login

Scanning file for viruses.

This file cannot be downloaded