https://awyz.github.io/AIDSHIVData/charts/barSubcharts/specificCharts7.js

1//doughnut chart for Dental Services
2//still need to input values for sexual orienation and disability
3
4// Dental general
5var dentalBarriersReason = document.getElementById("denReasons");
6var myChart = new Chart(dentalBarriersReason, {
7    type: 'horizontalBar',
8    data: {
9        labels: [
10            'Could not afford',
11            'Too long of a wait',
12            'Service not available',
13            'Did not know where to get it',
14            'Did not qualify',
15            'Nervous or afraid of what people might say',
16            'Did not have transportation',
17            'I was not in stable living condition',
18            'Stigma due to HIV',
19            'Concerned about privacy',
20            'Did not have enough time off work',
21            'Did not have childcare',
22            'They did not speak my primary language',
23            'Discrimination because of my HIV status'],
24
25        datasets: [{
26            label: "Very Difficult",
27            data: [26,12,14,10,8,6,5,5,4,3,2,1,1,0],
28            backgroundColor: "rgba(237, 119, 104, 0.4)",
29        },{
30            label: "Too Difficult",
31            data: [16,9,6,7,4,3,3,2,1,0,0,0,0,1],
32            backgroundColor: "rgba(183, 18, 0, .38)",
33        }]
34    },
35
36    options: {
37        plugins: {
38            color: '#000',
39            datalabels: {
40                color: '#000',
41                display: function(context) {
42                    return context.dataset.data[context.dataIndex] !== 0; // or >= 1 or ...
43                }
44            }
45        },
46        scales: {
47            xAxes: [{
48                stacked: true,
49                ticks: {fontColor: 'black'},
50                scaleLabel:{
51                    display:true,
52                    labelString: 'Number of Individuals',
53                    fontSize: 16,
54                    fontColor: 'black'
55                },
56            }],
57            yAxes: [{
58                stacked: true,
59                ticks: {fontColor: 'black'}
60            }]
61        },
62        'legend': {
63            labels: {
64                fontColor: '#000'
65            },
66        },
67    }});