Question

我正在加载一个webmap ID，我在feature_layer弹出窗口中有2个图表。我想用简单的方式更改图表主题：

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

我可以在我的.html中编码吗？我的网络应用程序可在JS Bin上找到。谢谢你，米歇尔。

Answer 1

您可以使用以下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;
 }

dojox图表的自定义主题

1 个答案: