javascript - 如何从 javascript 方法中获取值并分配给 header 字段

Question

我有 javascript 函数，我需要在页面(正文)中显示数据。我需要在图表和标题文本中显示值。如何在单独的 div 中显示正文部分的 PH 值。在 fiddle 中分享我的代码

https://jsfiddle.net/sahxyx0n/

@section scripts{
    <script>
        FusionCharts.ready(function () {
            LoadChart();
        });
        function LoadChart() {
            $.ajax({
                url: '@Url.Action("get", "pond")',//remote api address

                type: 'GET',
                crossDomain: true,
                success: function (data) {
                    if (data.success) {
                        var PHValue = data.sensorsdata.PH;


                        var phfusioncharts = new FusionCharts({
                            type: 'angulargauge',
                            renderAt: 'ph-container',
                            width: '450',
                            height: '300',
                            dataFormat: 'json',
                            dataSource: {
                                "chart": {
                                    "caption": "PH Value ",
                                    "lowerLimit": "0",
                                    "upperLimit": "14",
                                    "showValue": "1",
                                    "valueBelowPivot": "1",
                                    "theme": "fint"
                                },
                                "colorRange": {
                                    "color": [{
                                        "minValue": "0",
                                        "maxValue": "5",
                                        "code": "#e44a00"
                                    }, {
                                        "minValue": "5",
                                        "maxValue": "10",
                                        "code": "#f8bd19"
                                    }, {
                                        "minValue": "10",
                                        "maxValue": "14",
                                        "code": "#6baa01"
                                    }]
                                },
                                "dials": {
                                    "dial": [{
                                        "value": PHValue
                                    }]
                                }
                            }
                        });

                    }
                }
            });
        }

    </script>
}

Answer 1

在你的函数中

 ....... 
     if (data.success) {
       var PHValue = data.sensorsdata.PH;
       $('#phValue').text(PHValue);
       .....
       .....

在你的 html 页面中添加这个，在你想显示 PHValue 的地方，

<div id="phValue"></div>