读取数据库数据并在HighCharts上显示

Y轴：

     yAxis: {                     title:<%=Ytitle %> ,  //Y轴坐标标题                 }

主标题：

     title: <%=title %> , //图表主标题

副标题：

     subtitle: <%=subtitle %> , //图表副标题

Y轴数据：

     series:<%= seriesData.ToString() %>

下面给出获取X轴、Y轴、标题的方法：

    public string XAxisCategories = ""; //X轴     public StringBuilder seriesData = new StringBuilder(); //Y轴     public string title = ""; // 图表标题

    ...

  标题获取

  title = "{text: ‘" + "<font color=red>"+site_name +"</font>"+"‘}";  //红色标记的部分是从数据库动态获取的，怎么获取，该获取什么，根据你需要，你应该懂的

X轴获取：

StringBuilder xAxisCategories = new StringBuilder();

xAxisCategories.Append("[");

...

foreach (DataRowView drv in ds.Tables[0].DefaultView)

{      xAxisCategories.Append("‘");      xAxisCategories.Append(drv["周数"] == null ? "0" : drv["周数"].ToString());      xAxisCategories.Append("‘,");

}

XAxisCategories = xAxisCategories.Replace(",", "", xAxisCategories.Length - 1, 1).Append("]").ToString(); //这里是去掉最后一个多余的逗号（,）

Y轴获取：

StringBuilder yAxisCategories = new StringBuilder();

...

foreach (DataRowView drv in ds.Tables[0].DefaultView)

{      yAxisCategories.Append(drv["人数"] == null ? "0" : drv["人数"].ToString());      yAxisCategories.Append(",");

}

seriesData.Append("[{name: ‘人数‘,type: ‘spline‘,data: ["); seriesData.Append(yAxisCategories.Replace(",", "", yAxisCategories.Length - 1, 1)); //去除最后一个逗号(，) seriesData.Append("]}]");

读取数据库数据并在HighCharts上显示

标签：