Highcharts Demo

author(s): Torstein Hønsi

by ninachroscicka

HTML

<script src="http://code.highcharts.com/highcharts.js"></script>

<div id="container" style="height: 400px; width: 500px"></div>

CSS

@import url(https://fonts.googleapis.com/css?family=Raleway:400);

JavaScript

$(function() {
    var chart = new Highcharts.Chart({
        chart: {
            renderTo: 'container',
            type: 'pie'
        },
        plotOptions: {
	        pie: {
	            innerSize: '95%',
              dataLabels: {
                  enabled: true,
                  format: '{point.percentage:.1f} %',
                  connectorColor: 'transparent',
                  style: {
          				fontSize:'13px',
            			fontFamily : 'Helvetica',
                  fontWeight:200
          			}
              }
	        }
	    },
        
        title: {
            text:'',
            verticalAlign: 'middle',
            floating: true
        },
	    
	    series: [{
	        data: [
        {
            name: 'Negatywny',
            y: 28,
            color: '#c74a31'
        }, {
            name: 'Neutralny',
            y: 72,
            color: '#c3c3c3'
        }],
            borderWidth: 12,
            borderColor: null
	    }]
    });
});