@model List<DTcms.Model.article_content>
<style type="text/css">
#Main {
width: 800px;
height: 500px;
border: 1px solid #ccc;
margin: 0 auto;
margin-top: 100px;
overflow: hidden;
}
#mainDiv {
width: 100%;
height: 500px;
margin-top: -30px;
}
</style>
<script type="text/javascript" src="http://sandbox.runjs.cn/uploads/rs/146/73fi1rab/amcharts.js"></script>
<script type="text/javascript">
window.onload = function () {
MakeChart(json);
}
var json = [
{ "name": "数据1", "value": "35" },
{ "name": "数据2", "value": "60" },
{ "name": "数据3", "value": "5" },
{ "name": "数据4", "value": "22" },
{ "name": "数据5", "value": "22" }
]
//根据json数据生成饼状图,并将饼状图显示到div中
function MakeChart(value) {
chartData = eval(value);
//饼状图
chart = new AmCharts.AmPieChart();
chart.dataProvider = chartData;
//标题数据
chart.titleField = "name";
//值数据
chart.valueField = "value";
//边框线颜色
chart.outlineColor = "#fff";
//边框线的透明度
chart.outlineAlpha = .8;
//边框线的狂宽度
chart.outlineThickness = 1;
chart.depth3D = 20;
chart.angle = 30;
chart.write("mainDiv");
}
</script>
@Html.Action("Top")
<div id="Main">
<div id="mainDiv"></div>
</div>
@Html.Action("Bottom")
<style type="text/css">
#Main {
width: 800px;
height: 500px;
border: 1px solid #ccc;
margin: 0 auto;
margin-top: 100px;
overflow: hidden;
}
#mainDiv {
width: 100%;
height: 500px;
margin-top: -30px;
}
</style>
<script type="text/javascript" src="http://sandbox.runjs.cn/uploads/rs/146/73fi1rab/amcharts.js"></script>
<script type="text/javascript">
window.onload = function () {
MakeChart(json);
}
var json = [
{ "name": "数据1", "value": "35" },
{ "name": "数据2", "value": "60" },
{ "name": "数据3", "value": "5" },
{ "name": "数据4", "value": "22" },
{ "name": "数据5", "value": "22" }
]
//根据json数据生成饼状图,并将饼状图显示到div中
function MakeChart(value) {
chartData = eval(value);
//饼状图
chart = new AmCharts.AmPieChart();
chart.dataProvider = chartData;
//标题数据
chart.titleField = "name";
//值数据
chart.valueField = "value";
//边框线颜色
chart.outlineColor = "#fff";
//边框线的透明度
chart.outlineAlpha = .8;
//边框线的狂宽度
chart.outlineThickness = 1;
chart.depth3D = 20;
chart.angle = 30;
chart.write("mainDiv");
}
</script>
@Html.Action("Top")
<div id="Main">
<div id="mainDiv"></div>
</div>
@Html.Action("Bottom")