我看过以下链接,在asp.net mvc 4的highcharts中绑定json结果,使用mvc C#和sql的highcharts,HighChart Demo等。但是,我找不到一个有效的演示来演示如何使用数据库中的数据实现高级图表。
目标: 我想生成一个实时的海图折线图,以从数据库中获取数据。我想要的与第三个链接非常相似,后者提供了带有随机生成的值的实时图表。X轴和Y轴也类似,因为我希望我的x轴是“时间”(我的数据库中有一个DateTime列),而y轴是一个整数(对此我有一个变量以及在我的数据库中)。
请在将模型数据发送到我的剃刀视图时需要帮助。
请注意,我已经在使用SignalR来显示实时表。我也想知道它是否也可以用于自动更新highchart。
下面是视图中我的脚本的代码片段。我已经使用链接3中提供的代码来生成图表。请告诉我我应该在代码上应用这些更改。
@section Scripts{
<script src="~/Scripts/jquery.signalR-2.2.0.js"></script>
<!--Reference the autogenerated SignalR hub script. -->
<script src="~/SignalR/Hubs"></script>
<script type="text/javascript">
$(document).ready(function () {
// Declare a proxy to reference the hub.
var notifications = $.connection.dataHub;
//debugger;
// Create a function that the hub can call to broadcast messages.
notifications.client.updateMessages = function () {
getAllMessages()
};
// Start the connection.
$.connection.hub.start().done(function () {
alert("connection started")
getAllMessages();
}).fail(function …Run Code Online (Sandbox Code Playgroud)