javascript - 用数据库中的数据填充 highcharts 的最佳（简单）方法？

Question

情况很简单。我在 VB.NET 中有一个 Web 应用程序。在某些页面中，我使用数据库中的数据生成报告。在同一页面上，我需要使用数据库中的相同数据生成图表。我正在使用带有 HighCharts.js 的简单折线图

我只需要用数据库中的数据填充 hightcharts javascript

看下面的代码

 $(function () {
        $('#container').highcharts({
            title: {
                text: 'Feedbacks',
                x: -20 //center
            },
            subtitle: {
                text: 'Report',
                x: -20
            },
            xAxis: {
                categories: [ /* here I need to put data from data base */ ]
            },
            yAxis: {
                title: {
                    text: 'Total'
                },
                plotLines: [{
                    value: 0,
                    width: 1,
                    color: '#808080'
                }]
            },
            legend: {
                layout: 'vertical',
                align: 'right',
                verticalAlign: 'middle',
                borderWidth: 0
            },
            series: [{
                name: 'Positive',
                data: [ /* here I need to put data from data base */ ]
            }, {
                name: 'Neutral',
                data: [ /* here I need to put data from data base */ ]
            }, {
                name: 'Negative',
                data: [ /* here I need to put data from data base */ ]
            }]
        });
    });

非常感谢您的支持！

Answer 1

您可以准备从数据库中获取数据并创建 JSON 的脚本，然后在 highcharts 中您可以使用getJSON()和粘贴数据，如我们的示例所示：http: //jsfiddle.net/usgxh/1/