score:3

Accepted answer

thanks to @dtul, i figured it out. the title configuration is here: https://www.chartjs.org/docs/latest/configuration/title.html.

i've added the following section:

title: {
   display: true,
   text: 'custom chart title',
   position: 'bottom'
}

to the options.

the whole example looks now like that:

var ctx = document.getelementbyid("mychart");
var mychart = new chart(ctx, {
    type: 'doughnut',
    data: {
        labels: ["red", "blue", "yellow", "green", "purple", "orange"],
        datasets: [{
            label: '# of votes',
            data: [12, 19, 3, 5, 2, 3],
            backgroundcolor: [
                'rgba(255, 99, 132, 0.2)',
                'rgba(54, 162, 235, 0.2)',
                'rgba(255, 206, 86, 0.2)',
                'rgba(75, 192, 192, 0.2)',
                'rgba(153, 102, 255, 0.2)',
                'rgba(255, 159, 64, 0.2)'
            ],
            bordercolor: [
                'rgba(255,99,132,1)',
                'rgba(54, 162, 235, 1)',
                'rgba(255, 206, 86, 1)',
                'rgba(75, 192, 192, 1)',
                'rgba(153, 102, 255, 1)',
                'rgba(255, 159, 64, 1)'
            ],
            borderwidth: 1
        }]
    },
    options: {
        rotation: 1 * math.pi,
        circumference: 1 * math.pi,
        title: {
           display: true,
           text: 'custom chart title',
           position: 'bottom'
        }
     }
});

the corresponding fiddle is here: https://jsfiddle.net/ktq8mb0z/

score:0

half-doughnut, or how i call it, a speedometer graph, is now configured with degrees:

var chart = new chart(canvas, {
  type: 'doughnut',
  data: ['400', '200'],
  options: {
    rotation: -90,
    circumference: 180,
}

i did this in chartjs version 3.5.1

score:1

i used this instructions

how can i add some text in the middle of a half doughnut chart in chart.js?

some changes for text position and fontsize 

var fontsizetouse = 16;
var centery = ((chart.chartarea.top + chart.chartarea.bottom) - 80);

http://jsfiddle.net/vencendor/e0c8rgbm/


Related Query

More Query from same tag