亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

繪圖顏色不改變Javascript

繪圖顏色不改變Javascript

PIPIONE 2023-10-24 17:41:28
我正在開發一個需要我使用圖形 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>


查看完整回答
反對 回復 2023-10-24
?
慕尼黑的夜晚無繁華

TA貢獻1864條經驗 獲得超6個贊

我的代碼的問題是我正在使用 vars。通過切換到常量,我可以解決這個問題。我沒有發現顏色沒有改變,因為由于某種原因圖例顯示了正確的顏色,但標記和線條不接受它。



查看完整回答
反對 回復 2023-10-24
  • 2 回答
  • 0 關注
  • 215 瀏覽

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號