绘制折线图-多条线

时间:2019-06-13 09:42:26

标签: javascript plotly plotly.js

我要创建一个包含三条线(男性,女性,未知)的折线图。这是我的数据示例:

timestamp;sex;number
06:00;male;5
07:00;male;2
07:00;unkown;3
07:00;female;4
09:00;female;4

是否有选择地自动创建三行,还是我需要遍历数据并自己创建三条迹线?到目前为止,这是我的代码:

var trace1 = {
  type: 'scatter',
  x: x,
  y: y,
  name: "Male",
  transforms: [{
    type: 'aggregate',
    groups: x,
    aggregations: [
      {target: 'y', func: 'count', enabled: true},
    ]
  }]
};


var data = [trace1];

Plotly.newPlot('myDiv', data, {title: 'Plotting CSV data from AJAX call'});

1 个答案:

答案 0 :(得分:0)

您需要为每个类别创建不同的数据集(跟踪)。
也许this可以为您提供帮助。

var men = {
  x: x, 
  y: y, 
  type: 'scatter',
  name:'male'
};

var female = {
  x: x, 
  y: y, 
  type: 'scatter',
  'name':'female'
};
var unknown = {
  x: x, 
  y:y, 
  type: 'scatter',
  'name':'unknown'
};

var data = [men, female,unknown];