Настройка диаграммы пончиков Highcharts

У меня есть лицензия для highcharts, и я хотел бы создать char, как тот, который ниже:

Самый похожий компонент на высоких диаграммах следующий:

Кто-нибудь знает, возможно ли заменить PIE внутри всего на процент? или какой-нибудь другой хороший javascript для клиентской стороны, чтобы сделать это?

Вы можете найти демо и API в следующих ссылках.

DEMO http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/demo/pie-donut/

API http://api.highcharts.com/highcharts#chart

Спасибо

Ответ 1

Проверьте innerSize.

"The size of the inner diameter for the pie. A size greater than 0 renders a donut chart. Can be a percentage or pixel value. Percentages are relative to the size of the plot area. Pixel values are given as integers. Defaults to 0." ссылка

Чем вы можете посмотреть этот пример, который показывает, как положить text внутри диаграммы пончиков.

Надеюсь, он вам поможет.

Ответ 2

Вы можете попробовать использовать title как альтернативный и довольно простой подход.

            title: {
                text: 'Budget',
                align: 'center',
                verticalAlign: 'middle',
                style: {
                    fontSize: '9.5px'
                } 
            },

JsFiddle: http://jsfiddle.net/amigoo/zwod86e1/

Ответ 3

 function(chart4) {
chart4.renderer.text('<span style="word-wrap: break-word !important;">Reduced by <br/>10 Years</span>', (chart4.chartWidth/2)-38, (chart4.chartHeight/2)-5)
             .css({

                color: '#4b4b4b',
                fontWeight: 'bold',
                fontSize: '12px'

            })
            .add();
}