search

google / google-visualization-issues

288 stars 35 forks source link

How to Add Space Between Legend Labels #2994

Open abhishekgargbiz4 opened 1 year ago

abhishekgargbiz4 commented 1 year ago

image

I have Created the above Design But i am Confused how can add spacing between the legend Labels

`google.charts.load("current", { packages: ["corechart"] }); google.charts.setOnLoadCallback(drawDonutChartInbound); var colors5 = [ { color: '#34548A' }, { color: '#A8CED4' }, { color: '#AD0000' }, { color: '#FFBF00' }, { color: '#EB7C30' }, ]; var donutData5 = [ ['All', 'All Matches Result'], ['1 to 12 Sec', 394], ['13 to 30 Sec', 281], ['31 to 48 Sec', 32], ['49 to 90 Sec', 49], ['more than 90 Sec', 11],

];

function drawDonutChartInbound() { var donutChartData5 = google.visualization.arrayToDataTable(donutData5);

var options = {
    width: 550,
    height: 550,
    title: '',
    legend: { position: 'right', alignment: 'center', maxLines: 3,pointShape: 'square',textStyle:{color : 'black',top:'20px',bottom:'40px'}},
    slices: colors4,
    pieHole: 0.5,
    //pieSliceText: 'none',
    pieSliceTextStyle: {
        color: '#ffffff',
        fontSize: 10,
        bold: true
    }
};

var view = new google.visualization.DataView(donutChartData5);

var chart = new google.visualization.PieChart(document.getElementById('donut-inbound'));
chart.draw(view, options);

}`