在Angular的Plotly js中设置自定义调色板
在Angular的Plotly js中设置自定义调色板
提问于 2020-06-08 06:03:03
我在我最近的angular项目中使用了Plotly js。我通过使用基于angular的包装器成功地实现了这个库。
有一件事我试图以多种方式实现，但都失败了。我正在尝试使用我的自定义调色板来显示图表。
我通过在图表数据布局中传递颜色找到了一种解决方法，例如，
data = [{
values: allValues[0],
labels: allLabels,
type: 'pie',
name: 'Starry Night',
marker: {
colors: [['rgb(56, 75, 126)', 'rgb(18, 36, 37)', 'rgb(34, 53, 101)', 'rgb(36, 55, 57)', 'rgb(6, 4, 4)']]
},
domain: {
row: 0,
column: 0
},
hoverinfo: 'label+percent+name',
textinfo: 'none'
}它起作用了，但它不是完美的方式，因为我需要在每个图表数据中添加这个，并且需要注意有多少个数据点，所以我推送了许多颜色代码。
有没有办法在像config这样的地方提供我的调色板，这样每次图表初始化时，它就开始从自定义调色板中获取颜色。
回答 1
Stack Overflow用户
回答已采纳
发布于 2021-03-02 13:19:45
layout属性接受一个属性colorway，该属性接受一个颜色名称/代码列表。
public graph: any = {
data: [],
layout: {
colorway: ["red", "green", "blue", "goldenrod", "magenta"],
autosize: true,
}
}但我还没有想出如何在全球范围内设置。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/62255933
复制相关文章
相似问题
社区富文本编辑器全新改版！诚邀体验～
全新交互，全新视觉，新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能，全面提升创作效率和体验
腾讯云开发者
