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

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

enter image description here

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

enter image description here

Кто-нибудь знает, возможно ли заменить 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();
}