[Solved]-Chart.js How can I embed additional values to each data point in radar chart-Chart.js

var data = [{
        //x: 'item 1',
        y: 2,
        id: 'test-10'
    },
    {
        //x: 'item 2',
        y: 4,
        id: 'test-20'
    },
    {
        //x: 'item 3',
        y: 5,
        id: 'test-30'
    },
    {
        //x: 'item 4',
        y: 6,
        id: 'test-40'
    },
    {
        //x: 'item 5',
        y: 8,
        id: 'test-50'
    },
    {
        //x: 'item 6',
        y: 12,
        id: 'test-60'
    }];
    var ctx = document.getelementbyid('linechart').getcontext('2d');
    var mychart = new chart(ctx, {
        type: 'line',
        data: {
            labels: ['item 1', 'item 2', 'item 3', 'item 4', 'item 5', 'item 6'],
            datasets: [{
                label: 'dataset 1',
                data: data,
                bordercolor: "#3e95cd",
                fill: false
            }]
        },
        options: {
            tooltips: {
                enabled: true,
                mode: 'single',
                callbacks: {
                    label: function (tooltipitems, data) {
                        var multistringtext = ['value: ' + tooltipitems.ylabel];
                        multistringtext.push('id: ' + data['datasets'][tooltipitems.datasetindex]['data'][tooltipitems.index].id);
                        return multistringtext;
                    }
                }
            },
        }
    });
    var ctx = document.getelementbyid('radarchart').getcontext('2d');
    var mychart = new chart(ctx, {
        type: 'radar',
        data: {
            labels: ['item 1', 'item 2', 'item 3', 'item 4', 'item 5', 'item 6'],
            datasets: [{
                label: 'dataset 1',
                data: data.map(item => item.y),
                bordercolor: "#3e95cd",
                fill: false
            }]
        },
        options: {
            tooltips: {
                enabled: true,
                mode: 'single',
                callbacks: {
                    label: function (tooltipitems) {
                        return 'value: ' + data[tooltipitems.index].y + ', id: ' + data[tooltipitems.index].id;
                    }
                }
            },
        }
    });

<script src="https://cdnjs.cloudflare.com/ajax/libs/chart.js/2.7.0/chart.bundle.min.js"></script>
<div style="width: 400px; display: inline-block">
  <canvas id="linechart" width="100" height="70"></canvas>
</div>
<div style="width: 300px; display: inline-block">
  <canvas id="radarchart" width="50" height="50"></canvas>
</div>