如何将js文件中数组绑定本地数据库文件的方法

Question

    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:[]中的数据，如何绑定到本地数据库的某张表中的数据呢？

Answer 1

数据库需要搭建web服务器后读取数据库。至于如何输出有2种方式

• 通过ajax访问aspx之类页面获取json字符串，题主用的asp.net的话可以将数据读入DataTable中，然后用Newtonsoft.Json.dll这个类库将DataTable转为json字符后输出给客户端。

• 如果是动态页aspx之类的不用ajax也行，直接在aspx页面上用服务器端标签输出上面的Newtonsoft.Json.dll转换成的字符串就行。

获取到数据后整成highchart需要的格式后再初始化。需要注意ajax的话在ajax请求完毕的回调函数中初始化highchart，否则需要调用实例方法来更新数据。

API参考

Highcharts Class: Chart https://api.highcharts.com.cn/class-reference/Highcharts.Chart.html#addSeries