在特定标记点之间将(同一行)格式设置为不同样式

时间:2019-07-04 15:39:54

标签: javascript plotly plotly.js

一直在努力进行一些非常简单的事情。我有一个折线图,显示了多个季节的运动队出勤率。这很容易做到,除了当团队降级到以下部门时,我想将行格式设置为短划线。 1级法线,2级破折号。可以查看其他人创建的示例(不幸的是不在Plotly中)here

到目前为止,我所能管理的最好的方法是为一个团队设置两个变量-一个用于部门1(第1层),一个用于部门2-作为单独的变量出现,这可以,但是对于出现的较大差距-参见Link to attendanceDiv chart

希望对此有所帮助。实际上应该是使用selectedpoints设置标记之间的行格式的选项。下面的代码。谢谢。

var bristol1 = {
x: ['2000-01', '2001-02', '2002-03', '2003-04', '2004-05'],
y: [4639, 5316, 7023, null, null],
name: 'Bristol (tier 1)',
mode: 'lines+markers',
line: {
  color: 'blue',
  width: 2
  }
};

var bristol2 = {
x: ['2000-01', '2001-02', '2002-03', '2003-04', '2004-05'],
y: [null, null, null, 3684, 5234],
name: 'Bristol (tier 2)',
mode: 'lines+markers',
line: {
  color: 'blue',
  width: 2,
  dash: 'dash'
  }
};

var data = [bristol1, bristol2];

var layout = {
  title: 'First Tier Rugby Union Clubs: Average Attendance',
  xaxis: {
    title: 'Season',
    type: 'category',
    tickvals: ['2000-01', '2001-02', '2002-03', '2003-04', '2004-05']
  },
  yaxis: {
    title: 'Attendance',
    range: [0, 8000]
  }
};

Plotly.newPlot('attendanceDiv', data, layout, {showSendToCloud: true});

0 个答案:

没有答案