将 JSON 值从 .NET 代码隐藏传递到 HighCharts

本文关键字：HighCharts 隐藏 代码 JSON 值从 NET | 更新日期: 2023-09-27 18:21:52

var Javascriptxvalue= $.parseJSON($("#hdnXaxis").val());
var Javascriptyvalue= $.parseJSON($("#hdnYaxis").val());  
$(document).ready(DrawMyGraph1);
      function DrawMyGraph1() {
       chart = new Highcharts.Chart(
       {
        chart: {
            type: 'column',
            renderTo: 'container3',
            defaultSeriesType: 'area'
        },
        title: {
            text: ''
        },
        subtitle: {
            text: ''
        },
        xAxis: {
            categories: Javascriptxvalue,
            labels: {
                enabled: false
            }
        },
        yAxis: {
            title: {
                text: 'No of Patients'
            }
        },
        credits: {
            enabled: false
        },
        tooltip: {
            formatter: function () {
                return this.series.name + ' - ' + Highcharts.numberFormat(this.y, 0);
            }
        },
        series: Javascriptyvalue
    });
}

C# 代码 void FastMovingStocksBarChart(string date1， string date2， string selperiod， string sql( { 数据集 dschart = new DataSet((; DSchart = _obj_MIS。DoctorpatientreportChart(date1， date2， selperiod，sql(; 列表 lstXaxis = 新列表((; 列表 lstcolors = 新列表((;

    lstcolors.Add("#3366DD");
    //lstcolors.Add("#FFEE22");
    //lstcolors.Add("#33BBCC");
    lstcolors.Add("#CC0022");
    //lstcolors.Add("#FF0000");
    lstcolors.Add("#339900");
    lstcolors.Add("#FF7700");
    lstcolors.Add("#33BBCC");
    lstcolors.Add("#99EEEE");
    lstcolors.Add("#6699FF");
    lstcolors.Add("#9966BB");
    lstcolors.Add("#99BB66");
    lstcolors.Add("#FF7700");
    lstcolors.Add("#FFEE22");
    lstcolors.Add("#FFCBB9");
    lstcolors.Add("EAEC93");
    lstcolors.Add("D7FBE6");
    lstcolors.Add("FFCACA");
    for (int i = 0; i < dschart.Tables[0].Rows.Count; i++)
    {
        lstXaxis.Add(dschart.Tables[0].Rows[i]["Doctor Name"].ToString());
    }
    List<ChartEx> lstseries = new List<ChartEx>();
    int count = 0;
    for (int i = 0; i < dschart.Tables[0].Rows.Count; i++)
    {
        ChartEx oEx = new ChartEx();
        oEx.name = dschart.Tables[0].Rows[i]["Doctor Name"].ToString();
        //oEx.data.Add(Convert.ToInt32(dschart.Tables[0].Rows[i]["Patients"]));
        oEx.data = new List<int>() { Convert.ToInt32(dschart.Tables[0].Rows[i]["Patients"]) };
        oEx.color = lstcolors[count];
        lstseries.Add(oEx);
        count++;
        if (count >= lstcolors.Count)
         count = 0; 

    }
    //Convert X axis data to JSON
    JavaScriptSerializer oSerializer1 = new JavaScriptSerializer();
    hdnXaxis.Value = oSerializer1.Serialize(lstXaxis);


    //Convert Y axis data to JSON
    JavaScriptSerializer oSerializer2 = new JavaScriptSerializer();
    hdnYaxis.Value = oSerializer1.Serialize(lstseries);

}

我没有在图表函数中获取"Javascriptxvalue"和"Javascriptyvalue"的值

谁能帮我

问候帕布

将 JSON 值从 .NET 代码隐藏传递到 HighCharts

大概，'hdnXaxis' 是 HiddenFieldControl 服务器控件的 id？也许 id 不是你想的那样

var Javascriptxvalue= $.parseJSON($("#"+ <%= hdnXaxis.ClientId %>).val());

您可以使用服务器标记直接将值注入页面，而不是通过输入传递字符串。喜欢这个：

<%= "alert('" + MyPublicProperty + "')" %>

这应该会提醒你代码隐藏中定义的属性的值。然后你可以像这样将它设置为 js 变量：

<%= "var Javascriptxvalue = '" + xProperty + "';"  %>

不过，您需要直接在aspx/ascx/razor页面中运行这段代码来设置变量，但我认为这比依赖具有特定ID的控件要好。

相关文章：