javascript - 如何从 MVC 在 Highcharts 中添加系列数据

标签 javascript c# model-view-controller highcharts

使用 Highcharts 的这个 JFiddle 示例

http://jsfiddle.net/yxz80f4u/9/

我们可以看到数据被输入为

[Date.UTC(YYYY,MM,DD,HH,MM,SS), Y-data-point]

 data: [
           [Date.UTC(1970, 7, 5,1,1,1), 2.22],
            [Date.UTC(1970, 7, 5,2,2,1), 1.15],
            [Date.UTC(1970, 7, 5,2,30,1), 1.15],
            [Date.UTC(1970, 7, 5,3,50,1), 0],
            [Date.UTC(1970, 7, 5,10,50,1), 2.5],
        ]

而且它运行良好。现在的问题是我怎样才能做同样的事情但是
使用数据点数组。

Year_array = ["5/7/1970 1:1:1 AM", "another year ", etc....] 数据点= [2.22,1.15, etc...]

或者从我的 Controller

        graph_points.year.Add("2015, 1, 2, 9, 29, 00");
        graph_points.year.Add("20015, 1, 2, 9, 31, 00");
        graph_points.chlorine.Add(10.1);
        graph_points.chlorine.Add(10.12);

那么,当我看到两个数据点数组时,我该如何做同样的事情呢?

更新:

您好,谢谢您的建议。你的意思是这样的吗?

   for (var i = 0; i < year.length; i++) {
            myseries.push(Date.UTC(year[i]),chlorine[i]);

        }

更新: 嗨先生,再次感谢您,最后一个问题! 我照你说的做了

            for (var i = 0; i < year.length; i++) {
            var datapoint = [];
            var d = new Date(Date.parse());
            datapoint.push(year[i]);  // Year =2/01/2015 9:45:00 AM (format)

            datapoint.push(chlorine[i]);
            data.push(datapoint);

但由于某种原因它在 x 轴上返回 00:00:00

enter image description here

最佳答案

代码如下:

for (i = 0; i < Year_array.length; i++){
    var dataPoint = [];
    dataPoint.push(Year_array(i); dataPoint.push(Datapoints(i));
    data.push(dataPoint);
    }

关于javascript - 如何从 MVC 在 Highcharts 中添加系列数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35484411/

相关文章:

javascript - 在滚动视口(viewport)中显示元素

javascript - 防止 iPhone 在 web-app 中放大 `select`

c# - 作为流访问 TextReader

java - 基于 MVC 的 GUI 中模型之间的通信

java - 如何在 spring Controller 中处理数据库特定异常

JavaScript 快速排序

javascript - Express:jQuery 验证不起作用

c# - 隐藏网格中的列

c# - 从 ObservableCollection<CProject> 对象获取字符串属性

angular - 共享服务是在 Angular 2 中实现 DRY 的正确方法吗?