Plotly.js 调色板排除白色调

Question

是否可以排除 plotly.js 中大量条形的白色（色调）？

例如，如果我有一个包含 1000 个条的条形图，默认调色板将循环显示一些白色，并且在白色背景上将看不到这些条。

Answer 1

在 plotly.js 中，您可以将数组 [1, 2, ... , 1000] 传递给 color 并使用不包含白色的内置 colorscale。这是 codepen.

function rand() {
  return Math.random();
}

/* 
create an array of random numbers
*/
var trace1 = {
  x: Array.from({length: 1000}, (_, i) => i + 1),
  y: Array.from({length: 1000}, (_, i) => i + 1).map(rand),
  type: 'bar',
  marker: {
    color: Array.from({length: 1000}, (_, i) => i + 1),
    colorscale: "Viridis"
  }
};

var data = [trace1];

var layout = {
  title: 'Non-white Bars with colorscale',
  font:{
    family: 'Raleway, sans-serif'
  },
  showlegend: false,
  xaxis: {
    tickangle: -45
  },
  yaxis: {
    zeroline: false,
    gridwidth: 2
  },
  bargap :0.05
};

Plotly.newPlot('myDiv', data, layout);

Plotly.js 调色板排除白色调

Plotly.js color palette exclude white tones

javascript

angular

plotly

plotly.js