Chart.jsを使用し、二重ドーナツを作成してホバー時の名称を個別指定したい

Chart.jsを使用して二重ドーナツを作成しています。
そのドーナツにホバーした際、内側、外側それぞれ別の名所を表示させたいのですが分けることができません。

Javascript
1var Chart = new Chart(ctx, {
2　type: 'doughnut',
3　data: {
4    labels: ["りんご", "みかん", "ばなな"],
5    datasets: [{
6      backgroundColor: [
7          'rgba(75, 102, 192, 0.2)'
8      ],
9      hoverBackgroundColor:[
10          'rgba(75, 102, 192, 0.2)'
11      ],
12      data: [12],
13     },{
14    　 backgroundColor: [
15          'rgba(153, 102, 255, 0.2)',
16          'rgba(255, 159, 64, 0.2)'
17      ],
18      hoverBackgroundColor:[
19          'rgba(153, 102, 255, 0.2)',
20          'rgba(255, 159, 64, 0.2)'
21      ],
22      data: [19, 3],
23     }]
24 }
25});

https://www.rough-and-cheap.jp/web/how-to-use-chart-js1/
上記HPを参考に二重ドーナツ自体は作成できているのですが、dateが12の方をりんご、19、3の方をみかん、ばななと表示したいのですが今の状態だとdateが12の方はりんご、19、3の方はりんご、みかんになってしまいます。
どうすれば分けて指定できる様になるのでしょうか？

追記:datasetsにそれぞれlabelを追加しても反映されるのはlabelsの内容で、labelsを消すとホバー時の文字列が表示されなくなります。