我正在開發一個需要我使用圖形 csv 文件輸入的項目。我一直在使用plotly，到目前為止它似乎運行得很好。但是，當我嘗試更改圖形（線條和標記）的顏色時，它不起作用。我發布了我的代碼摘錄，因為顏色總體上只是代碼的一小部分，我不想在這里轉儲所有內容。//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' }這兩次嘗試都只給了我標準的黑點。當我嘗試工作正常的常量時（例如 color:'rgb(100,100,240)'）。我在這里缺少什么嗎？我已經 console.logged 這個東西，它似乎不是我的變量結構的問題。
2 回答
互換的青春
TA貢獻1797條經驗 獲得超6個贊
您的 RGB 字符串周圍有太多引號。為了避免連接字符串時出現混亂，您還可以使用模板字符串。請參閱下面的工作小提琴。
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>
慕尼黑的夜晚無繁華
TA貢獻1864條經驗 獲得超6個贊
我的代碼的問題是我正在使用 vars。通過切換到常量，我可以解決這個問題。我沒有發現顏色沒有改變，因為由于某種原因圖例顯示了正確的顏色，但標記和線條不接受它。
- 2 回答
- 0 關注
- 215 瀏覽
添加回答
舉報
0/150
提交
取消