javascript - Need to display percentage of the individual bar in highcharts -
hi need in displaying total percentage value each individual bar @ end particular bar. i'm not sure how done , start it. please give me suggestion/solution helps output.
$(function () { highcharts.chart('container', { chart: { type: 'bar' }, title: { text: '' }, xaxis: { categories: ['dec', 'nov', 'oct', 'sep', 'aug', 'jul', 'jun', 'may', 'apr', 'mar', 'feb', 'jan'] }, yaxis: { min: 0, //labels:{enabled: false}, title: { text: '' } }, legend: { reversed: true }, exporting: { enabled: false }, plotoptions: { series: { stacking: 'normal' } }, colors: ['#00c292', '#fec107', '#ff902d', '#dd1936'], series: [{ name: '100%', data: [0, 18, 15, 17, 16, 17, 18, 21, 21, 19, 15, 14] }, { name: '90%', data: [0, 4, 6, 4, 4, 5, 6, 5, 7, 5, 7, 12] }, { name: '80%', data: [0, 3, 5, 6, 5, 3, 3, 2, 1, 3, 5, 2] }, { name: '< 80%', data: [0, 5, 4, 3, 5, 5, 3, 2, 1, 3, 3, 2] }] }); });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="http://code.highcharts.com/highcharts.js"></script> <div id="container" style="min-width: 500px; max-width: 800px; height: 400px;"></div>
Comments
Post a Comment