系列数据需要按系列名称的x值排序:空闲人力车javascript

时间:2015-07-17 10:22:59

标签: javascript jquery json charts rickshaw

我在人力车中遇到错误

  

系列数据需要按系列名称的x值排序:空闲

我有一个JSON数据。然后我在下面为系列创建一个JS对象。   我收到了关注错误

  

系列数据需要按系列名称的x值排序:空闲

 res.metrics.cpu.Wait= res.metrics.cpu.Wait.map(
                        function (map) 
                        {
                          return { x: map[1], y: map[0] };
                        });


  log(res);
  var metrices = [];
  cpu = {}
  cpu.Wait = res.metrics.cpu.Wait;
  cpu.Idle = res.metrics.cpu.Idle;
  cpu.Nice = res.metrics.cpu.Nice;
  cpu.System = res.metrics.cpu.System;
  cpu.User = res.metrics.cpu.User;
  metrices.push(cpu);

  var parsed = cpu;    



            var series = [];
            var Idle ={};
            Idle.name ="Idle";
            Idle.color = "steelblue";
            Idle.data = parsed.Idle;

            var Wait ={};
            Wait.name ="Wait";
            Wait.color = "steelblue";
            Wait.data = parsed.Wait;

            var Nice ={};
            Nice.name ="Nice";
            Nice.color = "steelblue";
            Nice.data = parsed.Nice;

            var System ={};
            System.name ="System";
            System.color = "steelblue";
            System.data = parsed.System;

            var User ={};
            User.name ="User";
            User.color = "steelblue";
            User.data = parsed.User;

 series.push(Idle);
            series.push(Wait);
            series.push(Nice);
            series.push(System);
            series.push(User);




var graph = new Rickshaw.Graph({
              element: document.querySelector("#chart"),
              renderer: 'line',
              width: 580,
              height: 250,
              series: series
              });

             graph.render();

附加json文件 enter link description here

2 个答案:

答案 0 :(得分:0)

虽然应该有一些关于错误的文档。

此问题是由x轴和y轴引起的。 在这种情况下人力车正在寻找排序的X轴,Y可以以任意方式绘制。 由于未排序的x轴,此错误将始终出现。 我意识到这个试验和错误的运行。

我希望这个答案有助于其他人遇到这个问题。 对于任何图表,最好有可排序的X轴。

答案 1 :(得分:0)

这是我的理论,因为我也遇到了这个问题。

人力车希望订购x轴上的数据。出于某种原因,我切换了轴,因此x值不是连续的。我交换了我的轴,因此订购了所有x数据并解决了问题。

目视:

[
    {"x": 1, "y": 2}, 
    {"x": 3, "y": 5},
    {"x": 2, "y": 8}
]

上述操作会失败,因为x应为1, 2, 3而不是1, 3, 2

要么更正它,以便x转为1, 2, 3,要么yx值,反之亦然。