Javascript 在Plotly.js中更改标记形状
我在plotly.js库中寻找一些关于更改标记形状的帮助 我要做的是将每组的第一个标记和最后一个标记更改为垂直线,将中间的标记更改为菱形 我已经详细地遵循了这个参考,但似乎无法使它发挥作用 这是我使用的JSJavascript 在Plotly.js中更改标记形状,javascript,plotly,Javascript,Plotly,我在plotly.js库中寻找一些关于更改标记形状的帮助 我要做的是将每组的第一个标记和最后一个标记更改为垂直线,将中间的标记更改为菱形 我已经详细地遵循了这个参考,但似乎无法使它发挥作用 这是我使用的JS var subject = ["Title 1","Title 1","Title 1","Title 2","Title 2","Title 2"]; var score = [40,50,60,20,40,60]; var data = [{ type: 'scatter',
var subject = ["Title 1","Title 1","Title 1","Title 2","Title 2","Title 2"];
var score = [40,50,60,20,40,60];
var data = [{
type: 'scatter',
x: score,
y: subject,
mode: 'line',
transforms: [{
type: 'groupby',
groups: subject,
}],
hoverinfo: 'text',
text: ['Lower Index : 40','Est : 50','Higher Index : 60','Lower Index : 20','Est : 40','Higher Index : 60'],
marker: {
size: 12,
shape: ['line-ew',"diamond-open","line-ew","line-ew","diamond-open","line-ew"]
},
}];
var layout = {
xaxis: {
type: '-',
title: "x Title",
range:[0,100]
},
yaxis: {
title: "Y title",
},
title: "Main Title",
showlegend: false,
legend: {"orientation": "h"}
};
Plotly.plot('myGraph', data,layout)
和同一个例子的代码笔
在逐行检查之后,我发现了问题所在
marker: {
size: 12,
shape: ['line-ew',"diamond-open","line-ew","line-ew","diamond-open","line-ew"]
},
应该是
marker: {
size: 12,
symbol: ['line-ew',"diamond-open","line-ew","line-ew","diamond-open","line-ew"]
},