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