Plotly 折线图 - 多条线

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

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

Plotly 折线图 - 多条线

Plotly line chart - multiple lines

javascript

plotly

plotly.js