我正在開發(fā)一個(gè)需要我使用圖形 csv 文件輸入的項(xiàng)目。我一直在使用plotly，到目前為止它似乎運(yùn)行得很好。但是，當(dāng)我嘗試更改圖形（線條和標(biāo)記）的顏色時(shí)，它不起作用。我發(fā)布了我的代碼摘錄，因?yàn)轭伾傮w上只是代碼的一小部分，我不想在這里轉(zhuǎn)儲(chǔ)所有內(nèi)容。//There's multiple charts so changing color is importantvar r = Math.random() * 256var g = Math.random() * 256var b = Math.random() * 256...//used these as a vars so I can change things to test easily (multiple time series being used) var color='rgb('+r+', '+g+', '+b+')'var colora='rgba('+r+', '+g+', '+b+', '+'0.14'+')' ...//layout of markers{ x: time, y: time, z: data1, line: { reversescale: false, //color: "'"+color+"'" color: "'rgb("+r+', ' +g+', '+ b+")'", }, //mode: 'lines', marker: { //color: "'"+color+"'", color: "'rgb("+r+', ' +g+', '+ b+")'", size: 3, line: { //color: "'"+colora+"'", color: "'rgb("+r+', ' +g+', '+ b+")'", width: 0.1 }, opacity: 0.8 }, type: 'scatter3d' }這兩次嘗試都只給了我標(biāo)準(zhǔn)的黑點(diǎn)。當(dāng)我嘗試工作正常的常量時(shí)（例如 color:'rgb(100,100,240)'）。我在這里缺少什么嗎？我已經(jīng) console.logged 這個(gè)東西，它似乎不是我的變量結(jié)構(gòu)的問題。
2 回答
互換的青春
TA貢獻(xiàn)1797條經(jīng)驗(yàn) 獲得超6個(gè)贊
您的 RGB 字符串周圍有太多引號(hào)。為了避免連接字符串時(shí)出現(xiàn)混亂，您還可以使用模板字符串。請(qǐng)參閱下面的工作小提琴。
const r = 0;
const g = 255;
const b = 0;
const color = 'rgb(' + r + ',' + g + ',' + b + ')';
const colorTemplate = `rgb(${r},${g},$)`;
var trace1 = {
x: [1, 2, 3, 4],
y: [10, 15, 13, 17],
type: 'scatter',
marker: {
color: color
}
};
var trace2 = {
x: [1, 2, 3, 4],
y: [16, 5, 11, 9],
type: 'scatter',
marker: {
color: colorTemplate
}
};
var data = [trace1, trace2];
Plotly.newPlot('myDiv', data);
<head>
<!-- Load plotly.js into the DOM -->
<script src='https://cdn.plot.ly/plotly-latest.min.js'></script>
</head>
<body>
<div id='myDiv'><!-- Plotly chart will be drawn inside this DIV --></div>
</body>
慕尼黑的夜晚無(wú)繁華
TA貢獻(xiàn)1864條經(jīng)驗(yàn) 獲得超6個(gè)贊
我的代碼的問題是我正在使用 vars。通過(guò)切換到常量，我可以解決這個(gè)問題。我沒有發(fā)現(xiàn)顏色沒有改變，因?yàn)橛捎谀撤N原因圖例顯示了正確的顏色，但標(biāo)記和線條不接受它。
- 2 回答
- 0 關(guān)注
- 251 瀏覽
添加回答
舉報(bào)
0/150
提交
取消