JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
<script src="http://code.highcharts.com/highcharts.js"></script>
<div id="container1" style="display:inline-block;"></div>
JavaScript
$(function() {
Highcharts.setOptions({
colors: ['#8edce7', '#e8ebeb']
});
// Create the chart for completion
var chart_completion = new Highcharts.Chart({
chart: {
renderTo: 'container1',
type: 'pie',
events:{
load:function(){
var chart = this,
series = chart.series[0],
firstPoint = series.data[0].y,
nextPoint = series.data[1].y,
percent = (firstPoint / (firstPoint + nextPoint)) * 100,
value = 0;
chart.setTitle({
text: 100 - percent + '%'
});
}
}
},
plotOptions: {
pie: {
dataLabels: {
enabled: false
}
}
},
title: {
text: 'In Prog.',
align: 'center',
verticalAlign: 'middle'
},
credits: {
enabled: false
},
series: [{
data: [
["MSIE", 10],
[, 90]
],
innerSize: '80%'
}]
});
});