Я рисую диаграмму пузырьков на веб-странице. Я хочу получить список цветов по умолчанию, которые используются графически для рисования пузырьков.Как получить список цветов по умолчанию Plotly.js?
7
A
ответ
7
Plotly использует тот же colors как в scale.category20()
функции d3
«s, но только на самом деле используется каждый второй цвет, смотрите пример ниже, т.е. trace0
получает цвет 0, trace1
получает цвет 2, trace2
получает цвет 4, и т.д., и после того, как trace9 вся цветовая гамма снова начинается с 0.
var colors = Plotly.d3.scale.category20();
var color_div = document.getElementById("colors");
var data = [];
var i = 0;
for (i = 0; i < 12; i += 1) {
data.push({
x: [i, i + 1],
y: [0, i + 1],
name: "Trace: " + i + "<br />Color: " + colors(i)
});
}
Plotly.plot(color_div, data);
var node;
var textnode;
for (i = 0; i < 20; i += 1) {
node = document.createElement("LI");
node.style.color = colors(i);
textnode = document.createTextNode(colors(i));
color_div.appendChild(node);
node.appendChild(textnode);
}
<script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
<div id="colors"></div>
8
Согласно исходному коду Plotly.js (SRC/компоненты/цвет/атрибуты .js), список цветов по умолчанию
'#1f77b4', // muted blue
'#ff7f0e', // safety orange
'#2ca02c', // cooked asparagus green
'#d62728', // brick red
'#9467bd', // muted purple
'#8c564b', // chestnut brown
'#e377c2', // raspberry yogurt pink
'#7f7f7f', // middle gray
'#bcbd22', // curry yellow-green
'#17becf' // blue-teal
Если у вас есть более чем 10 серий, вы вернетесь к первому цвету.
1
Вы также можете использовать что-то вроде этого, чтобы получить цвета, используемые в вашем участке:
return.plot_ly.ColorsUsed <- function(plotlyObject) {
explorePlot = plotly_json(plotlyObject)
explorePlot = jsonlite::fromJSON(explorePlot$x$data)
# Extract colors, names and fillcolors
colors = explorePlot$data$marker$color
names = explorePlot$data$name
fillcolors = explorePlot$data$marker$fillcolor
# Returns a list with the names, colors and fillcolors used in the plot
toReturn = list("names" = names,
"colors" = colors,
"fillcolors" = fillcolors)
return(toReturn)
} # End FUnction return.plot_ly.ColorsUsed
Смежные вопросы
- 1. Tkinter Получить список цветов по умолчанию
- 2. Ионные изменения цветов по умолчанию
- 3. Как получить UWP заголовков стандартных цветов по умолчанию программно
- 4. Как получить список системных цветов в uwp
- 5. Измените выбранный список цветов
- 6. Диаграмма области Изменение цветов по умолчанию
- 7. список цветов из разных цветов
- 8. Различные тепловые карты на той же шкале цветов в Plotly.js
- 9. Получить список системных переменных по умолчанию
- 10. изменить палитру цветов по умолчанию в ggplot
- 11. Переопределение цветов по умолчанию в диаграмме ggplot
- 12. Произвести список цветов по всем другим цветам
- 13. Как получить цвета по умолчанию для моей темы по умолчанию
- 14. Список по умолчанию return
- 15. Plotly.js autoscale
- 16. По умолчанию выпадающий список
- 17. Список цветов в изображении
- 18. android получить список цветов из ресурса
- 19. Как создать мультиселективный список цветов
- 20. Как динамически вычислять список цветов?
- 21. Fabric Js: Как получить список поддерживаемых по умолчанию fontFamily?
- 22. Как получить список кодов по умолчанию Импорт Groovy
- 23. Список цветов от mysql
- 24. Plotly.js, Как увеличить площадь, предназначенную для текста в plotly.js.
- 25. Как установить выпадающий список по умолчанию selecteditem
- 26. Как получить оболочку по умолчанию
- 27. Выпадающий список - значение по умолчанию
- 28. Как по умолчанию выпадающий список выпадающего списка по умолчанию для браузера по умолчанию:
- 29. Как я могу получить список всех шестнадцатеричных цветов растрового изображения?
- 30. Раздвигая список цветов в colordialog.customcolors
Есть функция, которая генерирует цвет, вы должны пройти целое к функции GetColor. var getColor = Plotly.d3.scale.category20(); –