[atheneaMember]

well jeje when widht:400px and heigth:400px work well

[atheneaMember]

this line

[atheneaMember]

Hi thank you for your answer

I done your example in my apllication

my code is:

@model IEnumerable
@{
ViewBag.Title = “ChartGrafico”;
}

@section grafico
{

html, body {
padding: 0;
margin: 0;
width: 100%;
height: 100%;
overflow: hidden;
}

$(document).ready(function () {
// prepare the data
var sampleData = [
{ Country: ‘China’, Population: 1347350000, Percent: 19.18 },
{ Country: ‘India’, Population: 1210193422, Percent: 17.22 },
{ Country: ‘USA’, Population: 313912000, Percent: 4.47 },
{ Country: ‘Indonesia’, Population: 237641326, Percent: 3.38 },
{ Country: ‘Brazil’, Population: 192376496, Percent: 2.74 }];

// prepare jqxChart settings
var settings = {
title: “Top 5 most populated countries”,
description: “Statistics for 2011″,
showLegend: true,
enableAnimations: true,
padding: { left: 20, top: 5, right: 20, bottom: 5 },
titlePadding: { left: 90, top: 0, right: 0, bottom: 10 },
source: sampleData,
categoryAxis:
{
dataField: ‘Country’,
showGridLines: true,
flip: false
},
colorScheme: ‘scheme01’,
seriesGroups:
[
{
type: ‘column’,
orientation: ‘horizontal’,
columnsGapPercent: 100,
toolTipFormatSettings: { thousandsSeparator: ‘,’ },
valueAxis:
{
flip: true,
unitInterval: 100000000,
maxValue: 1500000000,
displayValueAxis: true,
description: ”,
formatFunction: function (value) {
return parseInt(value / 1000000);
}
},
series: [
{ dataField: ‘Population’, displayText: ‘Population (millions)’ }
]
}
]
};

// setup the chart
$(‘#jqxChart’).jqxChart(settings);
});

}
Grafica

I have used Visual Studio 2012
and MVC4
but when I run the aplication the chart didn´t display

but when i put this line

work correctly…..

mmmm

am i doing bad some????????

Thank you

[Author]

Posts