javascript - 绘制折线图 - 多条线

Question

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

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

plotly 中是否有一个选项可以自动创建三条线，或者我是否需要循环数据并自己创建三个迹线？这是我到目前为止的代码:

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'});

Answer 1

您需要为每个类别创建不同的数据集(跟踪)。
也许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];