用数据库中的数据填充高图表的最佳(简单)方法
Best (easy) way to fill highcharts with data from database?
情况非常简单。我有一个VB.NET中的web应用程序。在某些页面中,我使用数据库中的数据生成报表。在同一个页面上,我需要从数据库中生成一个具有相同数据的图表。我正在使用一个简单的折线图和HighCharts.js
我只需要用数据库中的数据填充高图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 */ ]
}]
});
});
非常感谢您的支持!
您可以准备脚本,从数据库中获取数据并创建JSON,然后在高图中,您可以使用getJSON()
并粘贴数据,如我们的示例所示:http://jsfiddle.net/usgxh/1/
相关文章:
- JQuery:向多个匹配结果添加换行符的最简单方法
- 访问对象的最简单方法'的单独财产
- 检查变量是否为字符串的简单方法
- 创建jQuery Slider的简单方法
- 你知道使用javascript游戏引擎的简单方法吗
- 解释分号的简单方法
- JavaScript:检查变量是否等于两个或多个值之一的简单方法
- 什么'这是使用jQuery将一些文本锚定到外部链接的最简单方法
- 实施会员系统的最简单方法是什么
- 每次使用 Javascript 加载页面时增加一个数字(变量)的简单方法
- .attr(“href”) 的问题!解决此问题的简单方法
- 出错时更改文本字段边框的最简单方法
- JavaScript:获取第一个月前 6 个月的日期的最简单方法
- 检查 redux 状态是否更改的简单方法
- 在CreateJS中加载视频的最简单方法
- 使用JavaScript过滤从网页复制的文本的最简单方法
- 创建在Javascript和PHP之间使用的唯一代码的最简单方法
- 什么's是处理多个js文件之间交互的简单方法,同时避免溢出全局变量
- 使用JS找出字符串中字符重复的最简单方法是什么
- 什么'这是一种基于if/if-else语句显示popover的简单方法