Skip to content Skip to sidebar Skip to footer

Highcharts Add Ellipsis For Long Data

In the below link , left and right side data is not showing properly, I want to adjust pie chart in center and add ellipsis for visible data. jsfiddle url : http://jsfiddle.net/f0

Solution 1:

set width for lables in plot options

plotOptions: {
        pie: {
            allowPointSelect: true,
            cursor: 'pointer',
            dataLabels: {
                style: {
                    width: '100px'
                },
                enabled: true,
                color: '#000000',
                maxStaggerLines:1,                    
                connectorColor: '#000000',
                format: '<b>{point.name}</b>: {point.percentage:.1f} %'                   

            },
        }
    },

Your Fork fiddle

Post a Comment for "Highcharts Add Ellipsis For Long Data"