var chart5 = $("#qst-daychart").highcharts({
chart: {
backgroundColor: '#1e2131',
plotBorderColor: '#1c2a38',
plotBorderWidth: 1
},
title: {
text: false,
},
credits:{
enabled: false // 禁用版权信息
},
xAxis: {
categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
tickColor:'#1c2a38',
gridLineColor: '#1c2a38',
lineColor: '#1c2a38',
},
yAxis: {
title: false,
gridLineColor: '#1c2a38',
tickColor:'#1c2a38'
},
tooltip: {
},
legend: {
layout: 'horizontal',
align: 'center',
verticalAlign: 'bottom',
itemStyle: { cursor: 'pointer', color: '#FFF' },
itemHiddenStyle: { color: '#CCC' },
},
series: [{
name: 'A',
data: [34, 3, 32, 7, 5, 22, 13, 15, 17, 19, 16, 12]
}, {
name: 'B',
data: [3, 5, 7, 3, 11, 13, 5,17, 0, 8, 7, 6]
}, {
name: 'C',
data: [3, 0.6, 3.5, 8.4, 13.5, 17.0, 18.6, 17.9, 14.3, 9.0, 3.9, 1.0]
}, {
name: 'D',
data: [10, 14,18, 22, 30, 28, 26, 24, 22, 21, 20, 19]
},{
name: 'E',
data: [6, 8, 10, 13, 15,16, 18, 19, 18, 17, 16, 15]
},{
name: 'F',
data: [8, 10, 12, 14, 16, 18, 16,14,13, 12,11, 10],
},{
name: 'G',
data: [6, 8, 10, 13, 15,16, 18, 19, 18, 17, 16, 15]
},{
name: 'H',
data: [6, 8, 10, 13, 15,16, 18, 19, 18, 17, 16, 15]
}]
Data:[]中的数据,如何绑定到本地数据库的某张表中的数据呢?
数据库需要搭建web服务器后读取数据库。至于如何输出有2种方式
通过ajax访问aspx之类页面获取json字符串,题主用的asp.net的话可以将数据读入DataTable中,然后用Newtonsoft.Json.dll
这个类库将DataTable转为json字符后输出给客户端。
如果是动态页aspx之类的不用ajax也行
,直接在aspx页面上用服务器端标签输出上面的Newtonsoft.Json.dll转换成的字符串就行。
获取到数据后整成highchart需要的格式后再初始化。需要注意ajax的话在ajax请求完毕的回调函数
中初始化highchart,否则需要调用实例方法来更新数据。
用ajax
您好,我是有问必答小助手,您的问题已经有小伙伴帮您解答,感谢您对有问必答的支持与关注!