Chart控件作图,怎么动态添加Series与ChartAreas

Chart控件作图,怎么动态添加Series与ChartAreas,第1张

 using System.Web.UI.DataVisualization.Charting

private void NewChart()

{

Chart Chart1=new Chart1

//设置位置

Chart .Location = new System.Drawing.Point(83, 120)

DataTable dt = CreateDataTable()

//设置图表的数据源

Chart1.DataSource = dt

//设置图表Y轴对应项

Chart1.Series[0].YValueMembers = "Time"

//设置图表X轴对应项

Chart1.Series[0].XValueMember = "Date"

//绑定数据

Chart1.DataBind()

}

//创建表

private DataTable CreateDataTable()

{

DataTable dt = new DataTable()

//添加

dt.Columns.Add("Date")

dt.Columns.Add("Time")

DataRow dr

//添加行dr = dt.NewRow()

dr["Date"] = "2010-1-1"

dr["Time"] = "10:12"

dt.Rows.Add(dr)

dr = dt.NewRow()

dr["Date"] = "2010-1-2"

dr["Time"] = "10:11"

dt.Rows.Add(dr)

return dt

}

如上图。data位置看似字符串其实是对象形式的。(jsonarray对象)

var Lista = resultData.UserdevicesData  //如果说这个是我从后台获取到的用户设备信息

下面我要将其装成jsonarray格式的,

var jsonstr = []

for(var j=0j<Lista.lengthj++){

var json = {}

json.name = Lista[j].devicetype

json.value = Lista[j].count

jsonstr.push(json)

}

me.dataArr=jsonstr//这个就可以直接使用了,实现动态数据。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11389435.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-15
下一篇 2023-05-15

发表评论

登录后才能评论

评论列表(0条)

保存