Javascript 将(相同)线格式化为特定标记点之间的不同样式

Javascript 将(相同)线格式化为特定标记点之间的不同样式,javascript,plotly,plotly.js,Javascript,Plotly,Plotly.js,我一直在努力解决一些应该非常简单的问题。我有一个折线图,显示了几个赛季的运动队出勤率。这很容易做到,但我想在球队降级到以下级别时,将线格式化为破折号,例如1级标准线、2级破折号。可以查看其他人创建的示例(遗憾的是,该示例不是Plotly中创建的) 到目前为止,我所能管理的最好方法是为一个团队设置两个变量,一个用于1区(tier 1),一个用于2区,作为单独的变量显示,如果没有出现较大的差距,这是可以的-请参阅 非常感谢您的帮助。应该是一个使用选定点设置标记之间线条格式的选项。代码如下。谢谢 va

我一直在努力解决一些应该非常简单的问题。我有一个折线图,显示了几个赛季的运动队出勤率。这很容易做到,但我想在球队降级到以下级别时,将线格式化为破折号,例如1级标准线、2级破折号。可以查看其他人创建的示例(遗憾的是,该示例不是Plotly中创建的)

到目前为止,我所能管理的最好方法是为一个团队设置两个变量,一个用于1区(tier 1),一个用于2区,作为单独的变量显示,如果没有出现较大的差距,这是可以的-请参阅

非常感谢您的帮助。应该是一个使用选定点设置标记之间线条格式的选项。代码如下。谢谢

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