ho una licenza per Highcharts e mi piacerebbe creare un char come quella sotto:Highcharts grafico ad anello personalizzazione
La componente più simile Highcharts è la seguente:
Qualcuno sa che è possibile sostituire il PIE all'interno solo per una percentuale? o qualche altra buona librerie javascript lato client per farlo?
È possibile trovare una demo e l'API nei seguenti collegamenti.
API http://api.highcharts.com/highcharts#chart
Grazie
controllare circa 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."reference
di quanto si può dare un'occhiata questa example che mostra come mettere il text all'interno del grafico ad anello.
Spero che ti aiuti.
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();
}
si potrebbe provare a utilizzare titolo come alternativa e approccio piuttosto semplice.
title: {
text: 'Budget',
align: 'center',
verticalAlign: 'middle',
style: {
fontSize: '9.5px'
}
},
JsFiddle: http://jsfiddle.net/amigoo/zwod86e1/
Partenza questo esempio qui: http://jsfiddle.net/wergeld/e2qpa/47/. Questo sta usando l'esempio che hai elencato. Tante possibilità con questo. L'unico "difetto" che vedo è allineare il cerchio e il testo di sfondo grigio. Sembra che il centro non sia realmente dove pensi che dovrebbe essere quando guardi il grafico finale ad anello. – wergeld
@wergeld Molto bello. –
Grazie ragazzi, ho molto apprezzato il vostro aiuto :) –