我如何从{Var Jsondata = @ Html.Raw(Json.Encode(Viewbag.List))}向数据提供Bodyfat: [英] How Can I Give The The Bodyfat From { Var Jsondata= @Html.Raw(Json.Encode(Viewbag.List))} To Data:

查看:377
本文介绍了我如何从{Var Jsondata = @ Html.Raw(Json.Encode(Viewbag.List))}向数据提供Bodyfat:的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我的控制器 -

Thats My Controller-

public ActionResult DashBoard()
      {
          var user = repository.Get<ApplicationUser>(m => m.UserName == User.Identity.Name);

          ViewBag.List = repository.GetMany<TestResult>(m => m.TestInfoID == 3 && m.Username == User.Identity.Name).Select(n => new { TestDate = n.TestDate.ToString("yyyy-MM-dd"), BMI = Converter.CalculateBMI(user.Weight, true, user.Height, true).ToString("#.##"), BodyFat = Convert.ToDouble(n.Result).ToString("#.##"), FatWeight = Converter.CalculateFatWeight(user.Weight, Convert.ToDouble(n.Result)).ToString("#.##"), MuscleWeight = Converter.CalculateMuscleMass(user.Weight, Convert.ToDouble(n.Result)).ToString("#.##") });



return View();

}







ITs MY VIew =




return View();
}



ITs MY VIew=

<script>
      $(function () {
          var jsondata= @Html.Raw(Json.Encode(ViewBag.list))
    $('#container').highcharts({

        chart: {
            type: 'gauge',
            alignticks: false,
            plotbackgroundcolor: null,
            plotbackgroundimage: null,
            plotborderwidth: 0,
            plotshadow: false
        },

        title: {
            text: 'speedometer with dual axes'
        },

        pane: {
            startangle: -150,
            endangle: 150
        },

        yaxis: [{
            min: 0,
            max: 200,
            linecolor: '#339',
            tickcolor: '#339',
            minortickcolor: '#339',
            offset: -25,
            linewidth: 2,
            labels: {
                distance: -20,
                rotation: 'auto'
            },
            ticklength: 5,
            minorticklength: 5,
            endontick: false
        }],

        series: [{
            name: 'speed',
            data: __________________, 
            datalabels: {
                formatter: function () {
                    var kmh = this.y;

                    return '<span style="color:#339">'+ kmh + ' kg</span><br/>' ;
                },
                backgroundcolor: {
                    lineargradient: {
                        x1: 0,
                        y1: 0,
                        x2: 0,
                        y2: 1
                    },
                    stops: [
                        [0, '#ddd'],
                        [1, '#fff']
                    ]
                }
            },
            tooltip: {
                valuesuffix: ' km/h'
            }
        }]

    },
    // add some life
    function(chart) {
        setinterval(function () {
            var point = chart.series[0].points[0],
                newval, inc = math.round((math.random() - 0.5) * 20);

            newval = point.y + inc;
            if (newval < 0 || newval > 200) {
                newval = point.y - inc;
            }

            point.update(newval);

        }, 3000);

    });
});

推荐答案

(function(){
var jsondata = @ Html.Raw(Json.Encode(ViewBag.list))
(function () { var jsondata= @Html.Raw(Json.Encode(ViewBag.list))


' #container')。highcharts({

chart:{
type:' gauge'
alignticks: false
plotbackgroundcolor: null
plotbackgroundimage: null
plotborderwidth: 0
plotshadow: false
},

title:{
text :' 具有双轴的车速表'
},

窗格:{
startangle:-150,
endangle: 150
},

yaxis:[{
min: 0
max: 200
linecolor:' #339'
tickcolor:' #339'
minortickcolor:' #339'
抵消:-25,
linewidth: 2
标签:{
距离:-20,
轮换:' auto'
},
ticklength: 5
minorticklength: 5
endontick: false
}],

series:[{
name:' speed'
数据:__________________,
datalabels:{
formatter:function(){
var kmh = this .y;

return ' < span style =color:#339>' + kmh + ' kg< / span>< ; br />';
},
backgroundcolor:{
lineargradient:{
x1: 0
y1: 0
x2: 0
y2: 1
},
止损:[
[ 0 ' #ddd'],
[ 1 ' #fff']
]
}
},
工具提示:{
valuesuffix:' km / h'
}
}]

},
// 添加一些生命
函数(图表){
setinterval(function(){
var point = chart.series [ 0 ]。points [ 0 ],
newval,inc = math.round((math.random() - 0 5 )* 20 );

newval = point.y + inc;
if (newval < 0 || newval > 200 ){
newval = point.y - inc;
}

point.update(newval);

}, 3000 );

});
});
('#container').highcharts({ chart: { type: 'gauge', alignticks: false, plotbackgroundcolor: null, plotbackgroundimage: null, plotborderwidth: 0, plotshadow: false }, title: { text: 'speedometer with dual axes' }, pane: { startangle: -150, endangle: 150 }, yaxis: [{ min: 0, max: 200, linecolor: '#339', tickcolor: '#339', minortickcolor: '#339', offset: -25, linewidth: 2, labels: { distance: -20, rotation: 'auto' }, ticklength: 5, minorticklength: 5, endontick: false }], series: [{ name: 'speed', data: __________________, datalabels: { formatter: function () { var kmh = this.y; return '<span style="color:#339">'+ kmh + ' kg</span><br/>' ; }, backgroundcolor: { lineargradient: { x1: 0, y1: 0, x2: 0, y2: 1 }, stops: [ [0, '#ddd'], [1, '#fff'] ] } }, tooltip: { valuesuffix: ' km/h' } }] }, // add some life function(chart) { setinterval(function () { var point = chart.series[0].points[0], newval, inc = math.round((math.random() - 0.5) * 20); newval = point.y + inc; if (newval < 0 || newval > 200) { newval = point.y - inc; } point.update(newval); }, 3000); }); });


这篇关于我如何从{Var Jsondata = @ Html.Raw(Json.Encode(Viewbag.List))}向数据提供Bodyfat:的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆