Dojox图表的自定义主题

hkmswyz6  于 2022-12-08  发布在  Dojo
关注(0)|答案(1)|浏览(157)

我正在加载webMapID,并且在feature_layer弹出窗口中有2个图表。我想使用以下简单的内容更改图表主题:

colors: ["#00ff78", "#7f0043", "#8ecfb0", "#f8acac", "#cc4482"] 
colors: ["#57808f", "#506885", "#4f7878", "#558f7f", "#508567"]

我可以在我的.html中编码吗?我的Web应用程序可以在JS Bin上使用。谢谢你,Michelle。

wkftcu5l

wkftcu5l1#

您可以使用以下CSS,它将覆盖图表(SVG)元素的内联样式。
选择器说,选择svg组的后代的子x,并更改其填充颜色。
http://jsbin.com/lapefab/edit?html,css,output

g > path:nth-of-type(1){
  fill: #FAEBD7;
}

g > path:nth-of-type(2){
  fill: #8A2BE2;
}

g > path:nth-of-type(3){
  fill: #7FFF00;
}

我建议给你的图表分配ID,这样你就可以完全控制在哪里以及如何应用你的样式。例如:

#yourChart > path:nth-of-type(1){
      fill: #FAEBD7;
    }

 #yourChart > path:nth-of-type(2){
      fill: #8A2BE2;
 }

 #yourChart > path:nth-of-type(3){
      fill: #7FFF00;
 }

相关问题