dojox 图表的自定义主题

Question

我正在加载一个网络地图 ID，feature_layer 弹出窗口中有 2 个图表。 我想用一些简单的东西来改变图表主题：

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

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

Answer 1

您可以使用以下 CSS 来覆盖图表 (SVG) 元素的内联样式。

selector 说，select child x 一个 svg 组的后代并更改其填充颜色。

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;
 }