Cats - People with and witout ones

by kaatula

HTML

<script src="http://ajax.aspnetcdn.com/ajax/globalize/0.1.1/globalize.min.js"></script>
<script src="http://cdn3.devexpress.com/jslib/13.1.5/js/dx.chartjs.js"></script>
<div id="chartContainer" style="width:100%;height: 600px"></div>

JavaScript

var dataSource = [
    { category: "Не держат<br/>кошек", number: 172 },
    { category: "Хотят завести<br/>кошку", number: 21 },
    { category: "Держат<br/>кошку", number: 40 },
    { category: "Держат двух<br/>кошек", number: 8 }
]; 

$("#chartContainer").dxPieChart({
    dataSource: dataSource,
    series: {
        type: "donut",
        argumentField: "category",
        valueField: "number",
        innerRadius: 0.5,
        hoverMode: "none"
    },
    legend: {
        verticalAlignment: "bottom",
        horizontalAlignment: "center",
        equalColumnWidth: true
    },
    tooltip: {
        enabled: true,
        customizeText: function () {
            return this.argumentText + "<br/>"
            + this.percentText + " (" + this.valueText + ")";
        }
    }    
});