JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://code.highcharts.com/highcharts.js"></script>
<div id="graficoPizza"></div>
CSS
#graficoPizza {
width: 900px;
height: 600px;
}
JavaScript
$('#graficoPizza').highcharts({
chart: {
plotBackgroundColor: null,
plotBorderWidth: null,
plotShadow: false
},
title: {
text: 'Gráfico SMS'
},
subtitle: {
text: 'Relatório'
},
tooltip: {
pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
},
plotOptions: {
pie: {
allowPointSelect: true,
cursor: 'pointer',
dataLabels: {
enabled: true,
color: '#000000',
connectorColor: '#000000',
format: '<b>{point.name}</b>: {point.percentage:.1f} %'
}
}
},
series: [{
type: 'pie',
name: 'Quantidade enviados',
data: '[["AIRPLAN", 2476],["IMPACTO INFORMATICA E TECNOLOGIA", 0],["LINCE ENTREGAS RAPIDAS", 0],["AFRANIO FERREIRA FÉLIX", 1],["FRISSON COMUNICAÇAO E MARKETING LTDA", 0],["GEDALYAS MENEZES DOS SANTOS", 0]]'
}]
});