我正在开发一个需要我使用图形 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},${b})`;
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 关注
- 136 浏览
添加回答
举报
0/150
提交
取消